[css] 2 div naast elkaar in FF maar niet in IE

[Predje]

Help, ik ben gek aan het worden

Ik probeer echt al heel de dag om 2 div`s naast elkaar te krijgen.
In FF werkte het meteen al vanaf het begin, maar in IE wil het gewoon echt niet.
Ik heb al; float: left; / float: right; / clear: left; / clear: right; / clear: both; style: inline; enz enz enz geprobeerd.. steeds werkte het in FF maar totaal niet in IE.

Nu heb ik de 2 div`s in een span staan, maar dit werkt ookal niet.

ik heb ook nog duidelijk gekeken op w3schools om alle definities van deze functie door te nemen en gezocht hier op GoT. Alle gevonden topic doorgenomen en geprobeerd, maar het wil gewoon niet.

Voorbeeld website:
http://www.request-design.nl/hugo

De CSS zoals ik hem nu heb;

code:

#FotoDiv {
    height: 458px;
    width: 300px;
    margin: 0px;
    float: left;
    display: inline;
}

#MainFrame {
    border-width: 0px;
    border-style: none;
    width: 498px;
    height: 458px;
}

#Frame {
    width: 498px;
    height: 458px;
    float: left;
}

De #MainFrame is van het Iframe wat in de #Frame div zit. In FF is het zoals het moet en in IE zoals ik het niet wil

Ik hoop dat ik gewoon ergens overheen kijk.

[Walance]

Zie daarvoor dit topic:
[rml][ CSS] Gecentreerde DIV een DIV vriendje naast hem geven[/rml]

[Predje]

Gilian645 schreef op dinsdag 20 september 2005 @ 14:57:
Zie daarvoor dit topic:
[rml][ CSS] Gecentreerde DIV een DIV vriendje naast hem geven[/rml]

Geprobeerd en dit werkt NIET. ik krijg ze in IE wel naast elkaar maar dan moet ik <center> en align="center" weer weghalen.. en ik wil juist dat de pagina altijd in het midden staat.
Daarnaast werkt deze oplossing weer niet voor FF. Is het dan echt zo moeilijk 2 div`s (1 met flash en 1 met Iframe) naast elkaar te zetten IN een andere div?

[Boelie-Boelie]

<center> is een verouderde manier (of zoals men noemt: 'deprecated'), zie:
www.htmlhelp.com/reference/html40/deprecated.html

Centreren doe je met CSS, zoals bijv. staat uitgelegd op:
http://maxdesign.com.au/presentation/center/

Edit:
Als ik een suggestie mag doen... Ik zou de layout doen zoals staat uitgelegd op:
www.456bereastreet.com/la...tandards/csslayout/2-col/
Werkend voorbeeld:
www.456bereastreet.com/la...ayout/2-col/finished.html
Floatende kolommen, maar in jouw geval dus met vaste hoogte. En i.p.v. die iframe een div met overflow: auto.

[ Voor 48% gewijzigd door Boelie-Boelie op 20-09-2005 16:43 ]

[Predje]

Een soort van oplossing die wel goed werkt eigelijk, en zelf verzonnen

div 1 float: left;
div 2 float: right;

Zo komen ze in FireFox goed, maar in IE wel links en rechts, maar toch onder elkaar.

Dus door aan div 2 _margin-top: -hoogte van div 1px; toe te voegen komen ze wel naast elkaar.

Niet een mooie oplossing want het moet toch gewoon werken.

[Predje]

Boelie-Boelie schreef op dinsdag 20 september 2005 @ 16:33:
<center> is een verouderde manier (of zoals men noemt: 'deprecated'), zie:
www.htmlhelp.com/reference/html40/deprecated.html

Centreren doe je met CSS, zoals bijv. staat uitgelegd op:
http://maxdesign.com.au/presentation/center/

Die werkt idd ook goed en is een mooie oplossing...

Maar wat is IE toch een eigenwijze browser

[Verwijderd]

toch simpel:

HTML:

<div id="1">&nbsp;</div>
<div id="2">&nbsp;</div>

Cascading Stylesheet:

#1 {
position: relative;
width: 100px;
height: 100px;
float: left;
}
#2 {
position: relative;
width: 100px;
height: 100px;
float: left;
}

moet werken

[ Voor 20% gewijzigd door Verwijderd op 20-09-2005 16:45 ]

[Predje]

zou je idd denken, is niet het geval.

Geloof me, ik snap het ook niet! de CSS én de HTML komen beiden door de w3s validator heen (als ik de flash objects uit de div`s haal.)