login  Naam:   Wachtwoord: 
Registreer je!
 Forum

DIV problemen door float in IE6

Offline floker - 04/08/2009 11:56
Avatar van flokerNieuw lid Hallo,

Ik moet een site aanpassen zodat deze zou werken in IE6. Ik heb drie DIV's naast elkaar. In IE7 staan ze mooi naast elkaar maar in IE6 komt de laatste DIV onder de eerste en is bijna niet zichtbaar. Dit is blijkbaar een gekend probleem in IE6 maar ik weet niet hoe ik deze kan oplossen. Hopelijk kan iemand snel helpen.
Mijn site ziet er als volgt uit:

kolom links, CSS: {float: left;width: 150px; margin-left: -100%;}
kolom midden, CSS: {margin: 0px 190px 0px 150px;padding-right:10px;
kolom rechts, CSS: {float: left;width: 190px; margin-left: -200px;}

het middenste kolom zit bovendien in een ander DIV die als volgt is : {float: left;width:100%;}

24 antwoorden

Gesponsorde links
Offline ArieMedia - 04/08/2009 12:00
Avatar van ArieMedia Gouden medaille

PHP ver gevorderde		 kolom midden moet je ook een float: left; geven.
Offline floker - 04/08/2009 12:06
Avatar van floker Nieuw lid
Citaat:
kolom midden moet je ook een float: left; geven.


kolom midden zit rond een ander DIV die zelf een float:left heeft. Is het dan wel nodig?

Alvast bedankt voor de snelle reactie
Offline Filip - 04/08/2009 12:16
Avatar van Filip IRC guru Het is de bedoeling dat de midden div aansluit... niet de inhoud daarvan..
Offline tomate - 04/08/2009 12:18
Avatar van tomate Lid Kun je anders eens de hele code geven?
Maar het zou kunnen aan de margin liggen, want IE6 benaderd dat anders dan de andere browsers.
Offline ArieMedia - 04/08/2009 12:18
Avatar van ArieMedia Gouden medaille

PHP ver gevorderde
floker schreef:
[..quote..]

kolom midden zit rond een ander DIV die zelf een float:left heeft. Is het dan wel nodig?

Alvast bedankt voor de snelle reactie
Als dit het geval is:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. |------------|----|
  2. |     1     |    |  3  |
  3. |            | 2 |     |
  4. |------------|----|

Dan zal het niet hoeven denk ik. Meestal verplaatst een div zich naar onder als de ruimte te klein is voor de inhoud. je gebruikt ook een padding.. je weet dat firefox en IE dit apart opvatten?
Offline floker - 04/08/2009 12:37 (laatste wijziging 04/08/2009 12:47)
Avatar van floker Nieuw lid Ik weet niet juist aan wat het ligt want in IE7 is alles in orde. Ik veronderstel dat het aan IE6 ligt maar ik weet niet juist wat ik moet aanpassen aangezien ik deze site niet heb gemaakt maar ik moet het wel aan de praat krijgen voor IE6.
Hier is de code :


HTML
Plaatscode: 137288

CSS
Plaatscode: 137289
Offline ArieMedia - 04/08/2009 13:11
Avatar van ArieMedia Gouden medaille

PHP ver gevorderde		 ik weet niet waar die margin-left: -100%; op slaat..
Maar ik denk dat die float: left genoeg is.
Offline floker - 04/08/2009 13:13
Avatar van floker Nieuw lid
Arie2Zero schreef:
ik weet niet waar die margin-left: -100%; op slaat..
Maar ik denk dat die float: left genoeg is.


Wanneer ik die margin-left: -100% weglaat dan is het omzeep zowel in IE7 als IE6
Offline ArieMedia - 04/08/2009 13:20
Avatar van ArieMedia Gouden medaille

PHP ver gevorderde
floker schreef:
[..quote..]

Wanneer ik die margin-left: -100% weglaat dan is het omzeep zowel in IE7 als IE6
http://jigsaw.w3.org/css-validator/

Als ik jou was zal ik voor een valid CSS zorgen :-). Dan loop je niet tegen problemen aan.
Offline floker - 04/08/2009 13:37
Avatar van floker Nieuw lid
Arie2Zero schreef:
[..quote..]http://jigsaw.w3.org/css-validator/

Als ik jou was zal ik voor een valid CSS zorgen :-). Dan loop je niet tegen problemen aan.


Ik heb mijn code gevalideerd. ik heb nog steeds t zelfde probleem.
Offline ArieMedia - 04/08/2009 13:48
Avatar van ArieMedia Gouden medaille

PHP ver gevorderde
floker schreef:
[..quote..]

Ik heb mijn code gevalideerd. ik heb nog steeds t zelfde probleem.
Als ik jou was zou ik de CSS opnieuw opbouwen, zonder margin-100%.
Offline floker - 04/08/2009 13:51
Avatar van floker Nieuw lid
Arie2Zero schreef:
[..quote..]Als ik jou was zou ik de CSS opnieuw opbouwen, zonder margin-100%.


dat wil ik graag doen alleen weet ik niet goed hoe. Ik ben namelijk geen expert in css 
Offline ArieMedia - 04/08/2009 13:52
Avatar van ArieMedia Gouden medaille

PHP ver gevorderde
floker schreef:
[..quote..]

dat wil ik graag doen alleen weet ik niet goed hoe. Ik ben namelijk geen expert in css 
Link naar je website waar je dit gebruikt is? Ik zou namelijk al die div's een float: left; geven en een width. verder alleen een margin-left (of top als het nodig is)
Offline floker - 04/08/2009 13:55
Avatar van floker Nieuw lid
Arie2Zero schreef:
[..quote..]Link naar je website waar je dit gebruikt is? Ik zou namelijk al die div's een float: left; geven en een width. verder alleen een margin-left (of top als het nodig is)


site staat nergens online. Ik heb deze alleen lokaal staan momenteel. 
Offline tomate - 04/08/2009 13:59 (laatste wijziging 04/08/2009 14:00)
Avatar van tomate Lid
floker schreef:
[..quote..]

site staat nergens online. Ik heb deze alleen lokaal staan momenteel. 


Kun je hem dan aub ergens online zetten, want zo is het moeilijk om je te helpen...
Mail desnoods de volledige site eens door...
Offline ArieMedia - 04/08/2009 14:08
Avatar van ArieMedia Gouden medaille

PHP ver gevorderde
tomate schreef:
[..quote..]

Kun je hem dan aub ergens online zetten, want zo is het moeilijk om je te helpen...
Mail desnoods de volledige site eens door...
volledige site is onnodig, enkel CSS en 1 file is voldoende
Offline floker - 04/08/2009 14:12
Avatar van floker Nieuw lid
Arie2Zero schreef:
[..quote..]volledige site is onnodig, enkel CSS en 1 file is voldoende


Ik heb een pagina en de volledige CSS hieronder gezet.

Plaatscode: 137290

Plaatscode: 137291
Offline meerweten - 04/08/2009 17:04
Avatar van meerweten Lid ik zie dat je nog alt % gebruikt
Doe dit niet IE6 heeft hier problemen mee!
Offline vinTage - 04/08/2009 17:08 (laatste wijziging 04/08/2009 17:10)
Avatar van vinTage Nieuw lid
meerweten schreef:
ik zie dat je nog alt % gebruikt
Doe dit niet IE6 heeft hier problemen mee!


Je bedoeld toch niet zn .vb code tags hopelijk he !

@ts, ik weet niet of het er mee te maken heeft, maar als er in ie een lege regel oid staat boven de doctype, dan ramt hij naar quircsmode.
Offline floker - 04/08/2009 17:12
Avatar van floker Nieuw lid
vinTage schreef:
[..quote..]

@ts, ik weet niet of het er mee te maken heeft, maar als er in ie een lege regel oid staat boven de doctype, dan ramt hij naar quircsmode.


En wat wilt dit zeggen? 
Offline vinTage - 04/08/2009 17:12
Avatar van vinTage Nieuw lid Dat het geheel NOG raarder wordt geparsed dan ie6 zo al doet 
Offline Filip - 04/08/2009 17:18 (laatste wijziging 04/08/2009 17:19)
Avatar van Filip IRC guru Het makkelijkste is een goeie CSS reset zoeken, en dan je hele CSS opnieuw doen.

Het is eigenlijk een vieze workaround, maar een reset van de CSS properties wil zeggen dat je site in alle browsers er bijna hetzelfde gaat uitzien, IE6 is altijd een probleem geval, zelfs met een reset (hoewel ik er geen probleem mee heb). Maar dan nog, het word tijd dat IE6 verdwijnt...

Verder zou ik toch proberen zo valid mogenlijk te werken, zowel in je html als in je CSS. De meeste browsers gaan niet echt problemen geven, maar oudere uiteraard wel...
Offline wvmaaren - 06/08/2009 10:21
Avatar van wvmaaren Nieuw lid Ik gebruik altijd deze oplossing, Wellicht heb je er wat aan  

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script>
  2.     alert("Ga eens gauw een nieuwe browser downloaden!");
  3.     location = "http://www.microsoft.com/netherlands/windows/internet-explorer/default.aspx";
  4. </script>


Lol
Offline floker - 06/08/2009 10:25
Avatar van floker Nieuw lid
wvmaaren schreef:
Ik gebruik altijd deze oplossing, Wellicht heb je er wat aan  

[..code..]

Lol


Hehe, goe geprobeerd Maar ik moet de site echt aan de praat krijgen in IE6 aangezien het bedrijf da de site gaat gebruiken enkel met IE6 werkt wegens problemen met sommige van hun applicaties in IE7
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.23s