HTML & CSS

DerSaboteur · 12/08/2011, 12:37

Vorschau

Hey ich habe da eine frage ich habe soweit alles mit der homepage fertig nur muss habe ich bisher nur mit einer "textarea" und eine "sidebar" gearbeitet..

da musste ich ja nur "ROTEBOX - Float : LEFT" und "WEIßEBOX - Float : RIGHT"

nur wie bekomme ich das so hin das die "GELBEBOX" rechts ist.. ich habe soweit alles schon eig geschafft.. hier mal css und die dazu gehörigen divtags wobei ich glaub das man sie nicht brauch eher css..

HTML

HTML Code:

<body>
<div id="wrapperarea">
  <div id="header"><a href="index.htm"><img src="image/header.png" width="1017" height="150" alt="header" /></a></div>
  <div id="contentarea">
    <div id="sidebar-left"></div>
    <div id="textarea"></div>
    <div id="sidebar-right"></div>
  </div>
</div>
</body>

CSS

Code:

#wrapperarea #contentarea #sidebar-left {
	background-color: #F00;
	height: 482px;
	width: 253px;
	float: left;
}
#wrapperarea #contentarea #textarea {
	background-color: #FFF;
	height: 482px;
	width: 511px;
	margin: auto;
}
#wrapperarea #contentarea #sidebar-right {
	background-color: #FF0;
	height: 482px;
	width: 253px;
}

Hoffe mir kann wer helfen..
Mfg DerSaboteur

sava · 12/09/2011, 16:38

Wie wäre es einfach mit sowas:

Code:

  <div id="contentarea">
   <table>
    <tr>
     <td><div id="sidebar-left"></div></td>
     <td><div id="textarea"></div></td>
     <td><div id="sidebar-right"></div></td>
    </tr>
   </table>
  </div>

Machst dann die Floats weg und schon sollte es wie gewünscht aussehen.

NotEnoughForYou · 12/09/2011, 16:48

Quote:
Originally Posted by sava
Wie wäre es einfach mit sowas:
Code:
  <div id="contentarea">
   <table>
    <tr>
     <td><div id="sidebar-left"></div></td>
     <td><div id="textarea"></div></td>
     <td><div id="sidebar-right"></div></td>
    </tr>
   </table>
  </div>
Machst dann die Floats weg und schon sollte es wie gewünscht aussehen.

Tabellenlayouts sind eigentlich veraltet.
Rechts , float:left; mitte float:left; recht: float:right;

DerSaboteur · 12/09/2011, 19:09

Quote:
Originally Posted by sava
Wie wäre es einfach mit sowas:
Code:
  <div id="contentarea">
   <table>
    <tr>
     <td><div id="sidebar-left"></div></td>
     <td><div id="textarea"></div></td>
     <td><div id="sidebar-right"></div></td>
    </tr>
   </table>
  </div>
Machst dann die Floats weg und schon sollte es wie gewünscht aussehen.

eig wollte ich nicht mit tabellen arbeiten.. ^^ aber wenns nicht klappen sollte werd ichs wohl nutzen müssen dankeschoen

Quote:

Originally Posted by NotEnoughForYou

Tabellenlayouts sind eigentlich veraltet.
Rechts , float:left; mitte float:left; recht: float:right;

meinst du nicht "Links , float:left; mitte float:left; recht: float:right;" ??
den das habe ich auch schon versucht..

€dit : @NotEnoughForYou Dankeschoen hat geklappt sidebarleft float left und mitte float left und andere rechts hab ich wohl nicht alles getestet.. dankeschoen.

ClOuDy. · 12/10/2011, 20:47

du kannst auch überall float:left setzen