|
|||
Drei Spalten Problem Numero DUO
Hi Leute, Ich komme einfach nicht weiter.. seit einem Tag hänge ich schon dran... Mein Shop Forum konnte auch nicht helfen.. Deshalb wende ich mich an Euch..
Ich wollte aus einer dynamischen Seite eine mit festen Größen machen , um es für alle Kunden mit verschiedenen Browsern und Browsergrößen den Shop gleichermaßen verfügbar zu machen.. Ich war kurz vorm Ziel (schon mehrmals) aber dann ist mir immer noch ein Fehler beim IE oder beim FF aufgefallen.. Jetzt mach ich alles neu.. Also im Moment stehe ich hier(Der rechte container ist unter die anderen beiden gerutscht...): PHP-Code:
Code:
/* default common settings */ body { float:left; color: black; background-color: white; font-family: Verdana, Helvetica, sans-serif; font-size: 0.7em; margin: 0; padding: 0; line-height: 1.5em; /* change this value to 1.25em to reset default */ margin-bottom: 1em; /* give room at bottom of page */ cursor: default; /* remove text I cursor when mouse is over text */ background-image: url(img/gradientlightblue.png); background-position: center bottom; background-attachment: fixed; background-repeat: repeat-x; } * html body { margin-right: 1px; /* IE 5.5 and 6.0 star-hack to remove horizontal scrollbar if possible */ } div#wholepage { padding-top: 12.5em; } /* head */ div#head { width:1050px; padding: 10px; text-align: right; height: 13em; background-repeat: no-repeat; position: absolute; top: 0; left: 0; z-index: 1000; } * html div#head { /* IE6 hack */ position: absolute; } div#left { float:left; width: 17em; position: absolute; left: 10px; padding-top: 1px; padding-bottom: 5em; margin-top: 3.3em; } div#left div.box_top, div#right div.box_top { border: 1px solid #ffcc00; border-bottom-width: 0; } div#left div.box_content, div#right div.box_content { margin-top:o.27em; background-color: white; background-image: url(img/gradientlightbluesmall.png); background-repeat: repeat-x; background-position: center bottom; border: 1px solid #91C6DF; border-top-width: 0; } * html div#left { /* IE 6 hack */ position: static; float:left; margin-left: 10px; } div#right { float:left; width: 13.6em; padding-top: 1px; padding-bottom: 5em; margin-top: 3.3em; } left right content Geändert von pizko (14.04.2008 um 11:45 Uhr) |
Sponsored Links |
|
|||
Bitte poste keinen ungeparsten Code, das bringt nichts. Einen Link. Siehe auch: http://xhtmlforum.de/40080-f-r-frage...twortende.html
Float lässt nachfolgende Inhalte ausweichen, nicht vorhergehende. Die geänderte Reihenfolge ist also vermutlich die Ursache deines Problems. |
Sponsored Links |
|
|||
Was du hier postest ist kein HTML, sondern Code, der serverseitig verarbeitet wird. Das interessiert hier nicht. Hier muss das HTML her, kein PHP, keine Template-Variablen.
Lies den von mir geposteten Link. Poste einen Link. |
|
|||
Schön, jetzt gibt es also einen Link.
Geh dort mit deinem Browser hin. Klicke mit der rechten Maustaste und wähle "Quelltext anzeigen". Was du dann siehst, ist HTML. Vergleiche es mit dem, was du gepostet hast. Jetzt weißt du, was ungeparster Code ist. Dein Link zeigt das Problem nicht. Die rechte Spalte liegt rechts, nicht unten. Ich habe dir bereits gesagt, welche Relevanz die Reihenfolge bei Float hat. Was willst du jetzt noch wissen? |
|
|||
Ich hab Sie nochmal vereinfacht.. Wie könnte ich left right und content anpassen, damit Sie nebeneinander stehenbleiben??
Ich hatte float rechts für die rechte box, deshalb stand sie rechts! Jetzt bei float links wie oben angegeben überlappt die Box wholepage ne feste Breite zu geben bringt nichts.. ebenso body.. Ich dachte da wholepag die Boxen umgibt kann man so alle einzwängen sozusagen! Geändert von pizko (13.04.2008 um 17:05 Uhr) |
Sponsored Links |
|
|||
Ich habe den Eindruck, du fischst absolut im Trüben.
Bitte eigne dir zunächst Grundlagen an, ehe du dich daran wagst, ein Template für andere zu erstellen. Grundlagenworkshops: CSS 4 You - The Finest in Stylesheets: Workshops Du willst ein Layout mit fester Breite? Dann gib dem Element, das alles umfasst, eine feste Breite. Du willst eine Spalte am rechten Rand? Nun, float:right ist doch ein naheliegender Versuch, oder nicht? Du willst, dass deine Spalten in eine feste Breite hineinpassen? Dann vergib Breiten, die zueinanderpassen. Deine Mischung aus em und px wird so nicht funktionieren. Ehe du aber irgendwelche weiteren Versuche startest, statte bitte v.a. dem CSS-Validator einen Besuch ab und beseitige deine Syntaxfehler. |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Problem mit 3-spaltigem Layout im Firefox | Imhotep | CSS | 4 | 08.07.2008 18:17 |
3 Spalten Layout, Problem mit IE 6 | schmidtsmikey | CSS | 10 | 18.05.2008 19:54 |
mitwachsender Menüblock AUF mitgewachsenen Spalten | Fips01 | CSS | 13 | 14.04.2008 19:19 |
Problem mit 3 Spaltigem Layout | stipo | CSS | 0 | 27.05.2006 21:58 |
css layout problem (4 spalten / chat) | scorpion4000 | CSS | 5 | 02.04.2005 23:50 |