HTML & CSS

12/08/2011 12:37 DerSaboteur#1
Vorschau
[Only registered and activated users can see links. Click Here To Register...]

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

12/09/2011 16:38 sava#2
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.
12/09/2011 16:48 NotEnoughForYou#3
Quote:
Originally Posted by sava View Post
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;
12/09/2011 19:09 DerSaboteur#4
Quote:
Originally Posted by sava View Post
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 View Post
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. ;)
12/10/2011 20:47 ClOuDy.#5
du kannst auch überall float:left setzen