WebDesign

[Seromaynh]

Ich mache irgendwas in meinem test was falsch, seht hier: http://www.urameshiya.ebytehost.com/

mit opera und firefox geht die nevi ueber den rand, wie krieg korrigiere ich das ?

[Malcolm Beck´s]

hi,

Ich mache irgendwas in meinem test was falsch, seht hier: http://www.urameshiya.ebytehost.com/

http://forum.de.selfhtml.org/hilfe/bedienung.htm#postings-formatieren

mit opera und firefox geht die nevi ueber den rand, wie krieg korrigiere ich das ?

So, analysieren wir das ganze:

  
<div class="mitte">

hat die Eigenschaften

.kopfzeile, .anhang, .mitte {aufbau.css (line 23)  
background:#111111 none repeat scroll 0%;  
border:2px solid #330099;  
margin:0pt auto 10px;  
padding:5px 0pt;  
width:726px;  
}

-----------------------------------------

<div class="m">

hat die Eigenschaften

  
div.m {aufbau.css (line 29)  
border-right:2px dashed #9900FF;  
float:left;  
margin:0pt;  
padding:0pt 0pt 0pt 5px;  
text-align:left;  
width:150px;  
}

---------------------------------------

Wenn wir das jetzt auf die Problemzonen begrenzen/debuggen haben wir folgendes Ergebnis:

  
<div class="mitte">

hat die Eigenschaften

.kopfzeile, .anhang, .mitte {  
}

-----------------------------------------

<div class="m">

hat die Eigenschaften

  
div.m {  
float:left;  
}

---------------------------------------

Bekanntermassen führen viele wege zum Ruhm, also entweder <div class="mitte"> floaten oder sich mit der Wunderwaffe Overflow? behelfen.

grüße

[Seromaynh]

Vielen dank, darauf bin ich echt nicht gekommen :> hat sofort geklappt als ich div.mitte {overflow:hidden;} eingestellt habe

[Malcolm Beck´s]

hi,

Vielen dank, darauf bin ich echt nicht gekommen :> hat sofort geklappt als ich div.mitte {overflow:hidden;} eingestellt habe

Das könnte aber sein das IE 6 und kleiner ein Problem damit haben, am besten in einem mal testen, da musst du unter umständen für diese dann div.mitte doch floaten, aber halt nur für die IE 6 und kleiner.

http://de.selfhtml.org/css/layouts/browserweichen.htm#star_html_hack

grüße