[HTML][CSS] Layout probleem

Pagina: 1
Acties:

  • 418O2
  • Registratie: November 2001
  • Laatst online: 00:26
Euj :)

ik heb een groot layout probleem. In Mozilla Firefox is het goed, maar IE fucked de bende heel erg op

Afbeeldingslocatie: http://max.cubix.nl/img/mozilla.JPG

Afbeeldingslocatie: http://max.cubix.nl/img/IE.JPG

Clickable

Zoals je ziet gaat IE de tekst over de TD verspreiden en rektie de table uit. Firefox doet het echter zoals het zou moeten..

Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
html,body,table
{
    height:98%;
}
table
{
    position: center;
}
tr.small
{
    height:5px;
}
tr.mega
{
    height:95%;
    text-valign:top;
}


in de index.php heb ik verder nix aangegeven mbt align's e.d. . En ook zonder de text-valign doet IE raar, terwijl Firefox normaal doet..

waar ligt dit aan? Ik heb wel gezocht, maar heb geen idee hoe ik dit probleem moet benoemen..

[ Voor 3% gewijzigd door 418O2 op 11-03-2004 11:11 ]


Verwijderd

position: center bestaat niet snap niet waarom firefox het goed doet, maar je CSS klopt niet

  • 418O2
  • Registratie: November 2001
  • Laatst online: 00:26
als ik dat weghaal gaat het alsnog niet goed..

nieuwe css heb ik
Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
html,body,table
{
    height:98%;
}
tr.small
{
    height:5px;
}
tr.mega
{
    height:95%;
}

probleem blijft hetzelfde

  • 418O2
  • Registratie: November 2001
  • Laatst online: 00:26
ik heb het nu opgelost. Ik heb een absolute hoogte opgegeven (op lagere resoluties dus te groot, maar op 1024 is het wel oke..)

maar ik vraag me nu wel af waarom IE de tekst nu niet uitrekt, terwijl het enige verschil de absolute grootte is :?

[ Voor 17% gewijzigd door 418O2 op 11-03-2004 11:26 ]


  • faabman
  • Registratie: Januari 2001
  • Laatst online: 08-08-2024
je kunt voor dit probleem beter gebruik maken van css icm divs...

dit artikel kan helpen met het kolommen verhaal
http://www.alistapart.com/articles/fauxcolumns/


@edit: een oplossing voor je vraag ligt afaik in het toevoegen van een vertical-align:top;

[ Voor 23% gewijzigd door faabman op 11-03-2004 11:29 ]

Op zoek naar een baan als Coldfusion webdeveloper? Mail me!


Verwijderd

ik begrijp de screenshots ook niet helemaal, volgens mij zit ik naar 2 verschillende pagina's te kijken dus niet 1 pagina met de resultaten van de 2 browsers.

Kan je even een linkje posten, zodat ik de resultaten kan bekijken in de 2 browsers?

  • 418O2
  • Registratie: November 2001
  • Laatst online: 00:26
http://max.cubix.nl/webmail/index.php

Het is inderdaad een andere pagina :+, dat had ik niet gezien, sorry. Maar hetzelfde probleem treedt op beide pagina's op.. Het is nu gefixxed, ik zal de foute versie nog es online gooien

----------------------
http://max.cubix.nl/webmail/_wrong_index.php

dat is de foute, alleen ik kan de fout niet precies re-genereren, maar het is nu gefixxed door absolute grootte, minder mooi, maar het lijkt de enige oplossing

toch maar eens in div's verdiepen, dat werkt toch wat fijner dan layout's met tables volgens mij

[ Voor 77% gewijzigd door 418O2 op 11-03-2004 11:33 ]


Verwijderd

u vraagt wij draaien, voor IE wordt er een javascript fix bijgeleverd vanwege gebrekkige CSS ondersteuning, echte browsers hebben aan de CSS oplossing genoeg.

http://www.drunk.nl/tweakers/cubix/

  • 418O2
  • Registratie: November 2001
  • Laatst online: 00:26
ik heb het inmiddels al opgelost met div's ( Gelijk andere layout genomen ), maar toch bedankt voor de moeite ! Div's r00len aars :)
Pagina: 1