Tabellen Gerüst

[Mr_Tool]

Hallo.
Ich möchte dieses Gerüst reallisieren:

Wie baue ich mir so eine Tabelle ????

Oder mit <div> tagten ?



Wäre echt lieb, wenn mir jem. hilft

mfg

 

[da_loki]

<div style="width: 778 px; margin: 0px auto;">
  <!-- zentrierter inhalt -->
  <div style="background-color: #e7e7e7;width: 100px;">links</div>
  <div style="background-color: #FFFFFF;margin-left: 100px;">main</div>
</div>

so ungefähr sieht das aus...optimieren kannst du das ja noch ;)

 

[Fredmonster]

<div style="width: 778 px; margin: 0px auto;">
  <!-- zentrierter inhalt -->
  <div style="background-color: #e7e7e7;width: 100px;">links</div>
  <div style="background-color: #FFFFFF;margin-left: 100px;">main</div>
</div>

so ungefähr sieht das aus...optimieren kannst du das ja noch ;)

Arbeite besser mit float-Angaben (float:left; float:right;)

 

[Mr_Tool]

aber wenn ich nun was im "content"bereich schreibe...steht das unten vom bereich und nicht oben

 

[matibaski]

Schon klar.
Unser herr loki hat das floaten vergessen.
So also:

<div style="width:800px; height:300px; margin:0px;">
 <!--Zentrieren mit float:left;-->
 <div style="width:250px; height:100%; float:left;">Links</div>
 <div style="width:550px; height:100%; float:left;">Content</div>
</div>

Nun hast du es aber richtig.
Ich gebe dir noch eine Info zum floaten:
Wenn du floatest, dann achte immer auf die Breite. Wenn du im Div 2 gefloatete Container hast, diese zusammen die Breite von dem Hauptcontainer haben, dann wäre das ja gut. Aber Achtug: Wenn du margin oder padding in diesem zwei inneren Container anwendest, dann musst du von der Breite abziehen, damit das 2. gefloatete Div nicht nach unten rutscht.


MfG, matibaski

 

[Mr_Tool]

Und wie mache ich das das der Linksbereich und Contentbereich dierekt an der Grafik ist.....

http://img254.imageshack.us/img254/7036/popkw1.jpg


Da ist zwischen dem Banner und der grauen navibox noch ein kleiner weisser strich...also abstand...

ich will das es dierekt dran ist.

 

[da_loki]

Im CSS folgendes deklarieren

* {
  margin: 0px;
  padding: 0px;
}

*ja sry, hab den float vergessen gehabt -.-

 

[ghostgamer]

Mit einer Tabelle

Also wenn du es mit einer Tabelle machen willst dann sieht der Code so aus:

<table border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td width="778px" colspan="2"></td>
    </tr>
    <tr>
        <td width="100px" style="background-color:#e7e7e7;"></td>
        <td></td>
    </tr>
</table>

Also ich nehm immer lieber Tabellen ...

 

[matcho]

Also wenn du es mit einer Tabelle machen willst dann sieht der Code so aus:

<table border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td width="778px" colspan="2"></td>
    </tr>
    <tr>
        <td width="100px" style="background-color:#e7e7e7;"></td>
        <td></td>
    </tr>
</table>

Also ich nehm immer lieber Tabellen ...

dann kann ich in deiner signatur aber nicht verstehen, wieso du css als skill mit angibst

jeder der die funktionsweise und den sinn von css verstanden hat, würde nie auf das layouten mittels tabellen zurückgreifen! :roll:

 

[ghostgamer]

Ja, was ist an Tabellen so schlimm ... ?
:?::?::?::?::?::?::?::?::?::?:
Weil ich arbeite meistens mit Divs und Tabellen zusammen d.h grundaufbau div und rest tabelle

-> Schau Quelltext von dem Forum an , wenn ich den so überfliege sehe ich sehr viel mit Tabellen gemacht

 

[gruenspan]

hier siehst du warum...

 

[ghostgamer]

Ok Ok ! Ich werde es überdenken :mrgreen: