|
|||
Boxmodell mit Safari
Hallo,
meine Seite wird in zwei Bereiche unterteilt: links und rechts, jeweils 50% breit, mit weisser bzw. blauer Hintergrundfarbe und einem Abstand rechts und links von jeweils 30 Pixeln. In allen bisher getesten Browsern auf Mac und PC funktioniert alles, bis auf Safari. Wer kann mir da weiterhelfen? body{ margin-top:0px; margin-bottom:0px; margin-left:30px; margin-right:30px; background-color:#CCCDCA; } .box_blue{ width:50%; height:100%; background-color: #01009A; float:left; } .box_white{ width:50%; height:100%; background-color: #FFFFFF; float:right; } #positionmenue{ position: absolute; top: 150px; left: 50px; width:90px; text-align: right; } <body> <div class="box_blue"> <div id="positionmenue"> menue </div> </div> <div class="box_white"> <div class="positioncontent"> content </div> </div> </body> |
Sponsored Links |
Sponsored Links |
|
|||
http://www.quirksmode.org/css/100percheight.html
Super-interessanter Artikel. Da steht nochmal, warum height:100% nicht funktioniert. (Zu meiner Entlastung. Den Link habe ich selber aus dem Forum. Womit ich quasi auch meinen Einstand geben möchte und mich hiermit offiziell anmelde.) Cheers, MArtin
__________________
-- And on the monitor, these words appear: My name is VAXymandius, thing of pings. Look on my logic, ye coders, and despair! (Dave Weinfart) |
|
|||
Re: Boxmodell mit Safari
Hier muß ich Dir mal widersprechen, Thomas!
Zitat:
Man könnte natürlich auch einfach ein margin-left mitgeben und keine width-Angabe machen, hat dann im IE aber wieder den 3px-gap-Bug. Ich würde jedenfalls auch beide floaten lassen. |
|
||||
Re: Boxmodell mit Safari
Zitat:
Natürlich entstehen bei Prozentangaben schnell Rundungsfehler; Mozilla ist dafür besonders anfällig. Aber im Prinzip funktioniert das. :) Gruß Thomas |
|
|||
Re: Boxmodell mit Safari
Probier es bitte selber aus - die zweite Box erscheint im Mozilla (jedenfalls im aktuellen) nicht, weil sie unter der ersten liegt - erst wenn dieser auch ein float zugewiesen wird (ob left oder right ist egal), dann wird sie sichtbar.
Im Standard-Modus passiert das gleiche dann auch mit Opera - glaub mir, ich hab's getestet! Und hier mal hochgeladen: Test im Standard-Modus Test im Quirks-Modus Bitte einfach mal mit verschiedenen Browsern angucken - ist interessant..... |
|
||||
Stimmt, da habe ich mich vertan. Man braucht noch das »margin-left«. Asche auf mein Quirks-Haupt. :)
Schöner ist es natürlich, beide Boxen auf »display:inline-block;« zu setzen; dann paßt sich das Ganze besser ans Browserfenster an, falls eine Box mal ein sehr langes Wort enthält. Gruß Thomas |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CSS Befehl für alle Browser ausser Safari | sofian | CSS | 8 | 17.12.2010 15:02 |
Safari kann ständig aktualisierte Images nicht anzeigen | jthom | Javascript & Ajax | 0 | 04.03.2009 14:11 |
Safari 3.1 Windows mit Develop Menu | laborix | Offtopic | 3 | 31.05.2008 20:46 |
Safari vs Firefox/IE/Opera | Electrohunter | (X)HTML | 9 | 10.11.2007 13:27 |
3 Column Float IE,FF,Opera hui, Safari, Konq. Pfui.... | dablake | CSS | 5 | 29.05.2005 19:43 |