Div Problem

[Julian Ulrich]

Liebe Ayom User,

Ich habe ein Problem und schon bei php.de eine Anfrage gestellt:
http://www.php.de/forum/ftopic45224.html

Ich weiß, ich nicht die feine englische Art, sozusagen forumübergreifende Hilfe

Nächstes mal frage ich natürlich hier.

Bitte um Hilfe, gerne auch per Pn.

lg, julian

 

[Jörg Kruse]

Die Platzierung ist nach der Umstellung nicht mehr dieselbe, da das float:left und float:right der Navigations-divs nur (im Quelltext) nachfolgende divs zum Umfluss zwingt.

Alternativ könntest du stattdessen für #text ein float:left definieren, so dass die linke Navigationsspalte links neben #text platziert wird. Die rechte Navigationsspalte müsstest du dann absolut positionieren, um sie nach oben zu schieben

 

[Julian Ulrich]

Hallo und Danke für die Antwort!

Ich habe nun nur dem #text ein float: left verpasst, navi2 und navi haben kein float mehr.
Verändert hat sich nicht viel: http://www.wcheck.com/wcheckneu/test.php

Ich poste die Css Datei nun auch hier, damit es einfach ist:
CODE
#content {
width: 90%;
margin: auto;
text-align: left;
}

#text {
margin-right: 230px;
margin-left: 230px;
}

#navi2 {
float: left;
font-size: 12px;
width: 190px;
padding: 0;
margin: 0;
}

#navi {
float: right;
font-size: 12px;
width: 190px;
padding: 0;
margin: 0;
}


Ich würde mich sehr freuen, wenn du mir die angepasste Css Datei posten könntest.

mfg, julian

 

[Jörg Kruse]

Der Umfluss erfolgt nur, wenn #text eine feste Breite hat. Aber da liegt wohl der Haken, dass die Breite flexibel sein soll? Eine andere Möglichkeit wäre es, sowohl #navi als auch #navi2 absolut zu positionieren:

QUOTE ("Code&quot
#content {
 width: 90%;
 margin: auto;
 text-align: left;
}

#text {
margin-right: 230px;
margin-left: 230px;
}

#navi2 {
 position:absolute;
 top:78px;
 left:0;
 width:190px;
 font-size: 12px;
 padding: 0;
 margin: 0;
}

#navi {
 position:absolute;
 top:78px;
 right:0;
 width:230px;
 float: right;
 font-size: 12px;
 width: 190px;
 padding: 0;
 margin: 0;
}

 

[Julian Ulrich]

Vielen Dank!

Hab noch die Abstände angepasst, sieht gut aus!
http://www.wcheck.com/wcheckneu/test.php

Aber nur bei Firefox, beim IE sind die Navis einfach weg!!

Bitte um Hilfe!

lg, julian

 

[Jörg Kruse]

Bei #text hast du noch die Angabe float:left drin - die brauchst du nicht mehr, die war nur für die erste Lösung - wenn du sie rausnimmst, passt es dann im IE?

 

[Julian Ulrich]

Ach ja ich Blödi, das hab ich vergessen ^^

Danke, lg,

Julian