HilfDirSelbst.ch: Web allgemein: HTML und CSS / Stylesheets: problem mit css

problem mit css

vollueli

Beiträge gesamt: 785

31. Mai 2006, 23:10
Bewertung:

gelesen: 900

Beitrag als Lesezeichen

hallo

ich habe mein css-file etwas übersichtlicher gestalten wollen, dabei habe ich wohl etwas verändert. vorher wurden die drei divs "left","content","right" schön nebeneinander angezeigt. nun werden sie untereinander angezeigt.

ich habe ein html file, das so aussieht:

Code

<div id="content"> 
   <div class="left">bla</div> 
   <div class="content>bla</div> 
   <div class="right">bla</div> 
</div>

dazu das css:

Code

#content 
{ 
   position:relative; 
   top:-10px; 
   width:780px; 
   height:600px; 
   color:#33FF66; 
   background-color:#000000; 
   border:1px solid #33FF66; 
} 
 
.left 
{ 
   float:left; 
   width:150px; 
   border-right:1px solid #33FF66; 
   border-bottom:1px solid #33FF66; 
} 
 
.content 
{ 
   float:left; 
   width:430px; 
   border-left:1px solid #33FF66; 
   border-right:1px solid #33FF66; 
   border-bottom:1px solid #33FF66; 
   margin-left:5px; 
   margin-right:5px; 
   padding:5px; 
} 
 
.right 
{ 
   float:left; 
   width:150px; 
   border-left:1px solid #33FF66; 
   border-bottom:1px solid #33FF66; 
   text-align:right 
}

kann mir jemand helfen? ich weiss nicht, was ich zum falschen verändert habe...
danke!

Gruss

chekk -> The Doodes

problem mit css

SabineP

Beiträge gesamt: 7586

1. Jun 2006, 00:41
Bewertung:

gelesen: 895

Beitrag als Lesezeichen

Hallo vollueli,

habe den Code getestet in IE4 und Firefox 1.5.
Die 3 divs stehen nebeneinander.
Gruß Sabine

problem mit css

vollueli

Beiträge gesamt: 785

1. Jun 2006, 22:37
Bewertung:

gelesen: 876

Beitrag als Lesezeichen

hallo sabine

sorry, ich war heute den ganzen tag abwesend. danke für das testen, ich habe den fehler bemerkt:

ich habe kommentare in der css datei falsch eingeleitet, das führte zur ignorierung einiger tags. leider hat es auch der css-validator nicht gemeldet, somit habe ich lange zeit an meinem css herumgepröbelt... ;-(
aber naja, nun ist das problem schliesslich gelöst. danke!

Gruss

chekk -> The Doodes