Sie sind nicht angemeldet.

Suche ein Konstrukt

Lieber Besucher, herzlich willkommen bei: Linux Forum Linux-Web.de. Falls dies Ihr erster Besuch auf dieser Seite ist, lesen Sie sich bitte die Hilfe durch. Dort wird Ihnen die Bedienung dieser Seite näher erläutert. Darüber hinaus sollten Sie sich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutzen Sie das Registrierungsformular, um sich zu registrieren oder informieren Sie sich ausführlich über den Registrierungsvorgang. Falls Sie sich bereits zu einem früheren Zeitpunkt registriert haben, können Sie sich hier anmelden.

renegade

macht was er will

  • »renegade« ist männlich
  • »renegade« ist der Autor dieses Themas

Beiträge: 2 842

Wohnort: Ostfriesland

Beruf: root

  • Nachricht senden

1

02.09.2005, 18:14

Suche ein Konstrukt

Vorweg: Ich bin kein HTML-Spezi - bin aber bewandert im Programmieren und meine HTML-Grundkenntnisse reichen um nahezu alles zu verstehen.

Mein Problem:

Ich nutze Mambo CMS. Dafür habe ich mir ein Theme runtergeladen, welches allerdings - ach Wunder - Fehler im Aufbau hat. Somit werden nun der Header und der Footer in Firefox und Co. falsch dargestellt (im IE passts natürlich *kotz*)

So nun sitze ich am Header zu basteln - und bekomme den ganzen Code nicht richtig zurechtgefriemelt. Man merkt, daß das Konstrukt aus mehreren Seiten zusammengeflickt wurde (offene Tags / Tags an falscher Stelle / unnötige Tags...)

Prinzipiell ist der Header mit geschachtelten Tables aufgebaut. Diesen will ich nun komplett neu aufsetzen.

Konkret:
Eine bessere Lösung als mit Tables fällt mir für dieses Design leider auch nicht ein - also ist mein Ansatz bisher <table>.

So weit so gut.
Erstmal ein Chema:

Quellcode

 
1
2
3
4
5
6
7

|---|-----------------------------|---|
|   |         |         |         |   |
|   |         |         |         |   |
|   |         |         |         |   |
|   |-----------------------------|   |
|   |         |         |         |   |
|---|-----------------------------|---|

So ungefähr ist der Aufbau.
Die linke und rechte Spalte müssen eine Fixe Breite haben (Image)
Die Mitleren Spalten müssen sich proportional der Bildschirmbreite anpassen.

So nun meine Fragen:
1. Wie baut man sowas auf wenn man "width" eigentlich nicht (mehr) verwenden darf
2. Selbst wenn man das width benutzt - wie bekomme ich das hin.

Mein bisheriger ansatz

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

<table border=1>
 <tr>
  <td width=26 valign=top>
  <p>&nbsp</p>
  </td>
  <td width=100% valign=top>
  <table border=1>
   <tr>
    <td width=33% valign=top>
    <p>&nbsp</p>
    </td>
    <td width=33% valign=top>
    <p>&nbsp</p>
    </td>
    <td width=33% valign=top>
    <p>&nbsp</p>
    </td>
   </tr>
   <tr>
    <td width=33% valign=top>
    <p>&nbsp</p>
    </td>
    <td width=33% valign=top>
    <p>&nbsp</p>
    </td>
    <td width=33% valign=top>
    <p>&nbsp</p>
    </td>
   </tr>
  </table>
  <p></p>
  </td>
  <td width=26 valign=top>
  <p>&nbsp</p>
  </td>
 </tr>
</table>


Hier werden allerdings die linke und rechte Spalte zusammengequetsch und die Spalten in der Mitte sind auch nicht da und so breit wie sie sollen.

Best dank
Sokrates (468 v.Chr. - 399 v.Chr.)
"Es ist keine Schande, nichts zu wissen, wohl aber, nichts lernen zu wollen."

chieps

SM

Beiträge: 3 402

Wohnort: Sachse im Exil.. ;-)

  • Nachricht senden

2

02.09.2005, 19:01

RE: Suche ein Konstrukt

Iss nur ein reines Konzept, muss also noch reichlich angepasst werden, dafür iss es barrierefrei und sollte auch crossbrowser funktionieren..

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

<html>
<head>
<style>
.spalten {border: 1px solid #000000; float:left; height: 50px;}
.zeilen {border: 1px solid #ff0000; height: 50px;}
.spacer {clear:both;}
#aussenrum {width: 100%;}

</style>
</head>
<body>
<div id="aussenrum">
<div id="linkeSpalte" class="spalten" style="width:100px; height: 100px;">ertse Spalte</div>
<div id="innereSpalte" class="spalten" style=" height: 100px; width:80%">
	<div class="zeilen">
		<div class="spalten" style="width:33%"> erste Zeile Spalte 1</div>
		<div class="spalten" style="width:33%"> erste Zeile Spalte 2</div>
		<div class="spalten" style="width:33%"> erste Zeile Spalte 3</div>
	</div>
	<div class="zeilen">
		<div class="spalten" style="width:33%"> zweite Zeile Spalte 1</div>
		<div class="spalten" style="width:33%"> zweite Zeile Spalte 2</div>
		<div class="spalten" style="width:33%"> zweite Zeile Spalte 3</div>
	</div>
</div>
<div id="linkeSpalte" class="spalten" style="width:100px; height: 100px;">dritte Spalte</div>
<div class="spacer"></div>
</body>


Die Breiten gehen natürlich auch relativ in %, allerdings weis sich jeztt auf die schnelle nicht, wie ich Dir die Mitte flexibler gestalten soll..

Schönes Wochenende..

Gruß
der chieps
Just because an OS holds 90% of the market doesn`t mean it`s superior.
Remember 90% of all animals are insects.

Wer sucht der findet..

renegade

macht was er will

  • »renegade« ist männlich
  • »renegade« ist der Autor dieses Themas

Beiträge: 2 842

Wohnort: Ostfriesland

Beruf: root

  • Nachricht senden

3

03.09.2005, 17:36

RE: Suche ein Konstrukt

Habe zwar wieder ne Menge dazu gellernt - hilft mir leider nur bedingt weiter. Das Problem liegt weiterhin in der fixen breite der linken und rechten Spalte und der Flexiblen Breit in der Mitte. Das Harmoniert zusammen nicht. Entweder wird zu breit oder zu schmal - passen tuts nie. Da muß es aber einen Trick geben - nur welchen?
Sokrates (468 v.Chr. - 399 v.Chr.)
"Es ist keine Schande, nichts zu wissen, wohl aber, nichts lernen zu wollen."
Thema bewerten