Probleme mit float und IE

zwelch · 22.08.2004, 19:08

Hallo,
ich habe auf meiner Seite diverse Objekte, die ich mit float:left/right; ausrichte. Am Ende jeder Seite wird dann <br style="clear:both;" /> eingefügt, um float aufzuheben (ansonsten verschwinden Rahmen). Allerdings funktioniert das im IE nicht, so dass Rahmen nur fehlerhaft dargestellt werden.
Gibt es eine Möglichkeit dieses Problem zu umgehen? In Opera funktioniert die Seite wunderbar.

zwelch · 22.08.2004, 19:10

Mir ist gerade noch aufgefallen, dass das Problem nur bei Objekten auftritt, die über den normalen Seiteninhalt (text) hinausgehen. Auf der übstehenden Länge verschwinden dann die Rahmen.

22.08.2004, 19:20

Code:

<html>
<head>
<style type="text/css">

#a {
width:250px;
border:1px solid #0000ff;
text-align:center;
float:left;
}

#b {
margin-left:253px;
margin-right:253px;
border:1px solid #0000ff;
text-align:center;
}

#c {
width:250px;
border:1px solid #0000ff;
text-align:center;
float:right;
}

</style>
</head>

<body>
<div id="a">left</div>
<div id="c">right</div>
<div id="b">middle</div>
</body>
</html>

sollte aber in allen Browsern funktionieren[/code]

zwelch · 23.08.2004, 09:29

@ J33d3X: So in etwa habe ich das ja. Bloß dass ich float noch am Ende mit clear:both auflöse. Allerdings kommt es da ja zu dem oben beschriebenen Problemen. Wirklich geholfen hat mir das jetzt also nicht; oder wolltest du mir damit irgendetwas anderes sagen???

zwelch · 23.08.2004, 09:35

So sieht das Ganze bei mir aus. CSS:

Code:

.box{
  float:left;
  margin: 0px 0px 0px 7px;
}

Die ausgerichtete Box:

Code:

<div style="width: 200px;" class="box">
<img ... />
blablabla
</div>

Die Breite kann ich wohlgemerkt nur zusätzlich an <div> übergeben, da diese automatisch mit PHP eingefügt wird.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Firefox / IE - Probleme		HTML, Usability und Barrierefreiheit	5	20.07.2009 17:04
IE6 Kontaktformular, Probleme mit Variablen	Meijestic	PHP Tipps 2008	3	07.07.2008 19:29
Bereich um einen float left und float right Bereich	andrew22	HTML, Usability und Barrierefreiheit	8	27.02.2007 18:27
Probleme bei Speicherung von serialize() Strings	Manni2k	PHP Tipps 2006	13	15.10.2006 15:06
Probleme mit Rechteverteilung chmod() per script!!!???	Funky_	PHP Tipps 2006	7	17.06.2006 17:10
Float bei zwei DIVs		HTML, Usability und Barrierefreiheit	14	29.01.2006 10:54
Probleme mit "float: left;"	Pimbolie1979	HTML, Usability und Barrierefreiheit	4	16.06.2005 22:45
Probleme mit der Navigation	Pimbolie1979	HTML, Usability und Barrierefreiheit	3	19.05.2005 15:45
float Probleme		HTML, Usability und Barrierefreiheit	8	01.05.2005 18:28
[Erledigt] hilfe! probleme mit...		PHP Tipps 2005	4	12.04.2005 22:55
CSS: 2 Spalten á 50% ohne float		HTML, Usability und Barrierefreiheit	2	31.03.2005 14:37
$_GET['var1'] prüfen ob Float		PHP Tipps 2005	4	17.02.2005 17:57
Zwei Rechner ins Netz - Router - Hub - Probleme...	imported_Ben	Off-Topic Diskussionen	37	13.01.2005 21:36
CSS: Probleme mit float:!!	18inch	HTML, Usability und Barrierefreiheit	1	30.12.2004 13:55
[Erledigt] Technische Probleme mit Sessions		PHP-Fortgeschrittene	4	18.11.2004 14:45

22.08.2004, 19:08
zwelch Erfahrener Benutzer Registriert seit: 29.06.2003 Beiträge: 884	Probleme mit float und IE Hallo, ich habe auf meiner Seite diverse Objekte, die ich mit float:left/right; ausrichte. Am Ende jeder Seite wird dann <br style="clear:both;" /> eingefügt, um float aufzuheben (ansonsten verschwinden Rahmen). Allerdings funktioniert das im IE nicht, so dass Rahmen nur fehlerhaft dargestellt werden. Gibt es eine Möglichkeit dieses Problem zu umgehen? In Opera funktioniert die Seite wunderbar.


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

22.08.2004, 19:10
zwelch Erfahrener Benutzer Registriert seit: 29.06.2003 Beiträge: 884	Mir ist gerade noch aufgefallen, dass das Problem nur bei Objekten auftritt, die über den normalen Seiteninhalt (text) hinausgehen. Auf der übstehenden Länge verschwinden dann die Rahmen.

23.08.2004, 09:29
zwelch Erfahrener Benutzer Registriert seit: 29.06.2003 Beiträge: 884	@ J33d3X: So in etwa habe ich das ja. Bloß dass ich float noch am Ende mit clear:both auflöse. Allerdings kommt es da ja zu dem oben beschriebenen Problemen. Wirklich geholfen hat mir das jetzt also nicht; oder wolltest du mir damit irgendetwas anderes sagen???

23.08.2004, 09:35
zwelch Erfahrener Benutzer Registriert seit: 29.06.2003 Beiträge: 884	So sieht das Ganze bei mir aus. CSS: Code: .box{ float:left; margin: 0px 0px 0px 7px; } Die ausgerichtete Box: Code: <div style="width: 200px;" class="box"> <img ... /> blablabla </div> Die Breite kann ich wohlgemerkt nur zusätzlich an <div> übergeben, da diese automatisch mit PHP eingefügt wird.