[CSS] Internet Explorer centreer probleem

[Dextro]

Ik ben bezig met een persoonlijke website. Divs en css off course

Ik kom nu alleen een heel vervelend uitlijnprobleem tegen in Internet explorer en ik denk dat het probleem in internet explorer ligt.

http://www.dextrose.be/tijdelijk/layout.html

en ik kom volgend probleem tegen (alleen in Internet Explorer):


clickable voor groot (en duidelijk) exemplaar


Weet iemand hier wat er verkeerd loopt en of er een workaround voor is?

dank bij voorbaat

[ Voor 31% gewijzigd door Dextro op 30-01-2004 14:38 ]

[crisp]

Hier niet in win2k-IE6...

[Verwijderd]

Hier ook niet met Win XP- IE6

Welke IE gebruik je zelf?

[hobbeldebobbel]

lijkt me aan je monitor te liggen! als je scrolt blijft dan de 'breuk' op dezelfde plek?

[Dextro]

hmm, raar

ik gebruik 6.0.2800.1106.xpsp2.030422-1633
Windows Xp Sp1 dus

Ligt niet aan monitor, want heb het op m'n 2de scherm van m'n dual monitor ook.
En fout ligt net waar div overgaat in background

[ Voor 48% gewijzigd door Dextro op 29-01-2004 23:28 ]

[StratoFarmer]

Hier Win XP- IE6, heb het effect ook.
Maar als ik mijn explorer scherm aan pas komt het ook weer goed, en dan weer niet, en dan weer wel.....vreemd.

[1st_Ro]

Hier WinXP Pro en IE 6.0 en geen problemen ?? Ziet er hier heel strak uit iig.

<edit>
Toch wel dus. Bij mij gebeurt het alleen als ik hem schaal. Maar zoals eerder werd gezegd, soms wel, soms niet.

Het lijkt op een renderfout van IE ofzo ?
</edit>

[ Voor 54% gewijzigd door 1st_Ro op 30-01-2004 09:29 ]

[hobbeldebobbel]

ik heb een probleem gehad met de rendering vand e pagina... en wel met de borders van een tabel..... zie hieronder het eerste plaatje voor de fout:

het gaat om de over loop van de horizontaal gedashed border naar de dikke verticale border, daar zie je dat het groen doorloopt.
de css properties,

code:

#dashed {border-top:1px dashed black;border-bottom:1px dashed black;
border-left:none;border-right: none}
#solid {border-right:3px solid black}

en nu heb ik de volgende #dashed verandert in:

code:

#dashed {border-top3px dashed black;border-bottom: 3px dashed black;
 border-left:none; border-right: none}

met als resultaat:


probleem weg

[ Voor 3% gewijzigd door hobbeldebobbel op 30-01-2004 13:51 ]

[Dextro]

hier lijkt het gewoon alsof een div en backgroundimages anders worden gecentreerd.

Ik ga dus een andere techniek moeten zoeken om dat te implementeren.

[InZane]

hobbeldebobbel schreef op 29 januari 2004 @ 23:26:
lijkt me aan je monitor te liggen! als je scrolt blijft dan de 'breuk' op dezelfde plek?

Goh dan hebben de meesten hier dus een kapotte monitor

Heb hier iig ook het probleem met IE 6 op win2k.. wazig..

[hobbeldebobbel]

InZane schreef op 30 januari 2004 @ 15:48:
[...]


Goh dan hebben de meesten hier dus een kapotte monitor

Heb hier iig ook het probleem met IE 6 op win2k.. wazig..

ik had het niet.... behalve na ik later achterkwam dat als ik de vensters reschaalde dat ik hem dan ook kreeg.... dus mijn monitor is ook kapot hahaha

[Dextro]

Ok, het is dus duidelijk een renderprobleem van Internet Explorer.
Heeft iemand een idee hoe ik dit met divs enzo kan oplossen? dus een workaround ofzo? want ik vind niet meteen iets.

[Verwijderd]

Ik heb het probleem hier ook, WINXP sp 1 + IE6...
Ik kan alleen echt bijna nix opmaken uit al die verschillende stylesheets die je gebruikt.. volgens mij zijn het er al meer dan 5?! beetje onoverzichtelijk..
volgens mij is de basic.css waar alles instaat? Helaas staat alles hier erg onduidelijk in, omdat hij alles achter elkaar zet..
Ik heb mijn centratie trouwens zo gedaan:

div.centreren {
position: absolute;
left: 50%;
width: 786px;
margin-left: -399px;
}

Deze div moet je dan om ALLE andere divs heen plakken! dus alle div's op je pagina moeten binnen deze div vallen. De width moet de breedte van je pagina zijn, de margin left moet de helft van de breedte van je pagina zijn en dan zou het moeten werken.. bij mij in ieder geval wel suc6 ermee

[Johnny]

Bij mij, onder Win2k met MSIE6.0 doet het probleem zich alleen voor als het venster zo groot is dat de layout niet meer tegen de linkerkant staat.

Omdat je de relevate code niet hebt gepost, en je stylsheet nogal heel erg groot is kan ik niet goed zien hoe de website nu precies in elkaar zit.

Ik vermoed dat een allesomvattende <div> met als eigenschappen iets als position: relative; margin: auto; width 760px; mixxhien wel zou helpen, maar MSIE blijft een buggy browser als je met CSS werkt

[Dextro]

Code lijkt mij nochtans vrij proper en ordentelijk geschreven, css is idd vrij lang omdat dit uit een vorig project komt. Recycleren noemen ze dat

Er wordt maar 1 stylesheet gebruikt en dat is simple.css. print.css en de alternate stylesheets worden voorlopig niet gebruik. Dit zijn dingen voor in de toekomst.

in simple.css is er een import van basic.css. Deze techniek is nodig om problemen te vermijden met oude browsers zoals heel oude internet explorer versies.

Kheb even deze dingen eruit gehaald en de code simpeler gemaakt.
Je heb dus eerst een image die gecentreerd wordt over de volledige hoogte van je browserpagina. Als je dit enkel doet in de div dan stopt de image onderaan de div en dit is niet mooi.

Dan wordt op deze achtergrond een div geplaatst, ook gecentreerd en dan opnieuw gevuld met deze achtergrondimage.
Normaal zou dit dus mooi moeten geplakt worden op deze van de achtergrond, maar dit gebeurt blijkbaar in internet explorer slecht.

@Rubbie: Mooie poging, ik heb hem dan ook geprobeerd, maar het resultaat is compleet hetzelfde. Internet Explorer gaat dus één pixel mis gaan berekenen bij sommige browserafmetingen.

Maar alvast bedankt voor het mee helpen denken.

[ Voor 11% gewijzigd door Dextro op 02-02-2004 00:13 ]