Ich habe eine Webseite mit einer Linkspalte links, einer Hauptspalte und einer gesamten Breite X. Im Frontend wird die Hauptspalte zu breit dargestellt, verschiebt sich deshalb unter die Linkspalte und da wo die Hauptspalte eigentlich hingehört ist einfach leer. X verändert sich dabei nicht. Je nachdem wird diese Verschiebung auf der Webseite angezeigt oder nicht. Das Problem zeigt sich, nachdem Text eingefügt oder verändert wird.
Ich vermute, dass die Hauptspalte in ihrer Breite nicht fixiert ist und sich je nach Text halt in der Breite ausdehnt. Kann das sein und wenn ja, wie löst man das Problem? Oder hat jemand einen anderen Lösungsvorschlag? Danke für jede Hilfe, wir kommen nicht weiter.
Ich hab das Thema mal verschoben, denn mit dem Backend oder Frontendeiting hat das wohl nichts zu tun.
Hier gehts orakelnderweise einfach um die Breite des Inhaltscontainers. Ich gehe mal davon aus das du die mit float:left; nebeneinander flißen lässt. Der Hauptbereich ist dabei einfach zu breit für den Gesamtplatz.
Ändere die Breite und es wird funktionieren.
Ansonsten ist es schon fast unmöglich ohne Link überhaupt was zu sagen.
Als Tip: Installiert euch die Web-Developer Tools für denn FF, dann könnt ihr on the Fly mit dem CSS spielen.
Danke Slang. Ich sollte vielleicht erwähnen, dass sich das Problem nur bei IE 6 äussert. Wenn ich also per CSS die Spaltenbreite ändere, stimmt sie zwar im IE 6, nicht aber in allen anderen Browserversionen. Bitte sagt mir nicht, ich solle den Browser updaten. Viele in meinem Bekanntenkreis verwenden noch IE6. Und das Problem soll ja eliminiert und nicht unter den Teppich gekehrt werden. Irgendwelche Ideen?
Ganz ehrlich käme ich niemals auf den Gedanken so einen Blödsinn wie Browser updaten zu empfehlen.
Ich habe hier Opera, Safari, Firefox IE6 und 7 installiert und überprüfe immer bei meinen Webseiten die optimale Browserkompatibilität. Ich denke eine Zeitlang wird man schon noch auf den IE6 Rücksicht nehmen müssen.
nun aber zu deinem Problem:
Das Zauberwort heißt Conditional Comment. Erstell einfach eine kleine Browserweiche per Conditional Comment.
De kannst du als headerData einbinden. Etwa so:
page {
headerData {
1 = TEXT
1 {
value (
<!--[if IE 6]><link rel="stylesheet" type="text/css" href="Pfad zum IE6 CSS" media="screen" /><![endif]-->
)
}
}
}
Du erstellst dir dann ein neues CSS-File und schreibst dort die Definitionen rein, die für den IE6 anders sein müssen.
Der IE6 übernimmt dann alle Styles des Haupt-CSS-Files mit Ausnahme der änderung in dem erstellten File.
Ganz wichtig ist aber auch ein sauberer Code und ein korrekter Doctype, damit die Browser nicht im Quirksmode laufen.
Das hilft dir:
http://de.wikipedia.org/wiki/Conditional_Comments
http://de.selfhtml.org/html/allgemein/grundgeruest.htm#dokumenttyp
Danke für Deine Hilfe. Ein Browserupdate als Lösungsvorschlag habe ich bereits erhalten 😉. Nun ja. Das Problem ist nun aber von einem Forumsmitglied gelöst worden. Er hat wohl im CSS die Breite für den CONTENT div gesetzt, was möglicherweise Deinem Lösungsvorschlag ähnlich ist. Dir sagt das bestimmt mehr als mir. Ich freue mich einfach, dass es nun funktioniert. Dir nochmals danke für Deinen Einsatz.