Autor |
Nachricht |
fuchsbau
Threadersteller
Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht:
|
Verfasst Mi 08.02.2006 13:25
Titel [css] clear: both; browserkompatibel |
|
|
kann mir zufällig jemand sagen, warum der firefox aufm mac das clear: both; sozusagen ignoriert??
Code: | <div class="middleleft">
<div class="clearcolsboth"></div>
<div class="col11right">
<img class="col11line" src="images/all/line.gif" alt="" />
</div>
<div class="col11left">
<img class="col11line" src="images/all/line.gif" alt="" />
</div>
</div>
|
Code: | .middleleft { width: 550px; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; text-align: left; padding: 0;}
.col11left { width: 270px; margin-left: 0; margin-right: 10px; margin-top: 0; margin-bottom: 0; padding: 0; }
.col11right { float: right; width: 270px; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; padding: 0; }
.clearcolsboth { clear: both; visible: hidden; }
.col11line { width: 270px; height: 1px; display: block; margin-left:auto; margin-right:auto; margin-top: 20px; margin-bottom: 0; padding: 0; }
|
bin hier echt am verzweifeln, alle pc-browser machens wie ich will und alle aufm mac zerschießen es...
Zuletzt bearbeitet von fuchsbau am Mi 08.02.2006 13:29, insgesamt 2-mal bearbeitet
|
|
|
|
|
datenkind
Dabei seit: 29.04.2003
Ort: Eisenach
Alter: 41
Geschlecht:
|
Verfasst Mi 08.02.2006 13:50
Titel
|
|
|
Versuch's doch mal ohne visible:hidden
|
|
|
|
|
Anzeige
|
|
|
fuchsbau
Threadersteller
Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht:
|
Verfasst Mi 08.02.2006 13:56
Titel
|
|
|
ist das dein ernst?
|
|
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Mi 08.02.2006 14:00
Titel Re: [css] clear: both; browserkompatibel |
|
|
fuchsbau hat geschrieben: | kann mir zufällig jemand sagen, warum der firefox aufm mac das clear: both; sozusagen ignoriert??
Code: | <div class="middleleft">
<div class="clearcolsboth"></div>
<div class="col11right">
<img class="col11line" src="images/all/line.gif" alt="" />
</div>
<div class="col11left">
<img class="col11line" src="images/all/line.gif" alt="" />
</div>
</div>
|
Code: | .middleleft { width: 550px; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; text-align: left; padding: 0;}
.col11left { width: 270px; margin-left: 0; margin-right: 10px; margin-top: 0; margin-bottom: 0; padding: 0; }
.col11right { float: right; width: 270px; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; padding: 0; }
.clearcolsboth { clear: both; visible: hidden; }
.col11line { width: 270px; height: 1px; display: block; margin-left:auto; margin-right:auto; margin-top: 20px; margin-bottom: 0; padding: 0; }
|
bin hier echt am verzweifeln, alle pc-browser machens wie ich will und alle aufm mac zerschießen es... |
die eigenschaft heisst "visibility" und nicht "visible". elemente, die nicht gerendert werden, werden von einigen (nicht nur mac) browsern auch nicht interpretiert. meine klassen zum clearen sehen daher meist so aus: .clearer { clear: both; height: 1px; font-size: 1px; line-height: 1px;} .. damit hast du zwar immernoch einen pixel raum unter deinem element aber du kannst dem clearer ja inline z.b eine width und eine background-color des beeinhaltenden elementes geben.
|
|
|
|
|
datenkind
Dabei seit: 29.04.2003
Ort: Eisenach
Alter: 41
Geschlecht:
|
Verfasst Mi 08.02.2006 14:01
Titel
|
|
|
Wieso, wenn nichts im div ist, wird eh nichts angezeigt.
War das dein ernst??
|
|
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Mi 08.02.2006 14:04
Titel
|
|
|
ja.. da hat datenkind recht. hatte mir das html nicht näher angesehen.. nur den css teil. es sollte mindestens noch ein in den leeren clearer.. sonst wird er nämlich auch von einigen browsern nicht gerendert.
dein crossbrowser kompatibler code:
Code: |
.middleleft { width: 550px; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; text-align: left; padding: 0;}
.col11left { width: 270px; margin-left: 0; margin-right: 10px; margin-top: 0; margin-bottom: 0; padding: 0; }
.col11right { float: right; width: 270px; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; padding: 0; }
.clearcolsboth { clear: both; height: 1px; line-height: 1px; font-size: 1px; }
.col11line { width: 270px; height: 1px; display: block; margin-left:auto; margin-right:auto; margin-top: 20px; margin-bottom: 0; padding: 0; }
<div class="middleleft">
<div class="clearcolsboth" style="width: 550px;"> </div>
<div class="col11right">
<img class="col11line" src="images/all/line.gif" alt="" />
</div>
<div class="col11left">
<img class="col11line" src="images/all/line.gif" alt="" />
</div>
</div>
|
Zuletzt bearbeitet von sahnemuh am Mi 08.02.2006 14:09, insgesamt 3-mal bearbeitet
|
|
|
|
|
fuchsbau
Threadersteller
Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht:
|
Verfasst Mi 08.02.2006 14:10
Titel
|
|
|
visibility statt visible hatte ich vorher schon bemerkt (ich verweise als fehlerquelle mal auf CSS-Praxis von Kai Laborenz, Galileo-Computing Verlag Seite 489. Hehe.)
Mal abgesehen davon bringt das visibility entfernen definitiv nix, warum auch. das meinte ich mit ist das dein ernst. das argument mit wenn nix im div ist auch nix im div von dir kam ja erst danach.
aber die lösung von sahnemuh (was ja auch die these wo nix is is nix vertritt), wohlgemerkt vor datenkind gepostet ;) , hats gebracht. wobei das leerzeichen nichtmal sein muss, das height: 1px im css reicht aus.
vielen danke euch beiden!! :)
Zuletzt bearbeitet von fuchsbau am Mi 08.02.2006 14:13, insgesamt 2-mal bearbeitet
|
|
|
|
|
datenkind
Dabei seit: 29.04.2003
Ort: Eisenach
Alter: 41
Geschlecht:
|
Verfasst Mi 08.02.2006 14:15
Titel
|
|
|
Gemeinsam sind wir stark
edit: Guck mal auf den Post-Zeit
Zuletzt bearbeitet von datenkind am Mi 08.02.2006 14:15, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
[retro] Midi browserkompatibel in Page einbinden
to clear type or not to clear type
div's, clear's und andere schwierigkeiten
CSS: float und clear Problem
Frage zu float & clear:left
clear wird nicht beachtet...?
|
|