[IE6&7] TD Height

donderdag 17 februari 2011 11:45

Acties:

0 Henk 'm!

SaphuA

Topicstarter

.

[ Voor 107% gewijzigd door SaphuA op 01-02-2022 16:22 ]

donderdag 17 februari 2011 11:59

Acties:

0 Henk 'm!

418O2

Waarom geef je die eerste row niet gewoon een harde height?

donderdag 17 februari 2011 12:01

Acties:

0 Henk 'm!

SaphuA

Topicstarter

.

[ Voor 160% gewijzigd door SaphuA op 01-02-2022 16:21 ]

donderdag 17 februari 2011 12:10

Acties:

0 Henk 'm!

Flowmo

En als je die TR een fixed height geeft ipv de TD. Desnoods met overflow:hidden?

Edit: nee helpt ookt niet... Hmmm... Even verder vogelen.

[ Voor 27% gewijzigd door Flowmo op 17-02-2011 12:16 ]

donderdag 17 februari 2011 12:20

Acties:

0 Henk 'm!

Noxious

table min-height 100% en de eerste row op 50px zetten?

donderdag 17 februari 2011 12:33

Acties:

0 Henk 'm!

SaphuA

Topicstarter

.

[ Voor 99% gewijzigd door SaphuA op 01-02-2022 16:20 ]

donderdag 17 februari 2011 12:38

Acties:

0 Henk 'm!

Klaasvaak

Dat gaat volgens mij alleen in quirksmode lukken. Geen idee of dat weer andere problemen met zich meebrengt.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

en anders de bottom row op 100% height en het stukje scroll in IE 6 en 7 voor lief nemen.

donderdag 17 februari 2011 12:44

Acties:

0 Henk 'm!

SaphuA

Topicstarter

.

[ Voor 101% gewijzigd door SaphuA op 01-02-2022 16:19 ]

donderdag 17 februari 2011 13:02

Acties:

0 Henk 'm!

NMe

Quia Ego Sic Dico.

Html

SaphuA schreef op donderdag 17 februari 2011 @ 12:33:
Leuk dat iedereen meehelpt, maar test je antwoord even voordat je hem post

Verder nog wensen, meneer?

Wees blij dat mensen proberen je te helpen. Testen mag je zelf doen.

'E's fighting in there!' he stuttered, grabbing the captain's arm.
'All by himself?' said the captain.
'No, with everyone!' shouted Nobby, hopping from one foot to the other.

donderdag 17 februari 2011 13:12

Acties:

0 Henk 'm!

Klaasvaak

Ik heb het nog is nagezocht. IE 6 en 7 accepteren geen comments boven de doctype declaratie.
Het volgende zou enkel IE 6 en 7 in quirksmode moeten gooien.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

donderdag 17 februari 2011 13:17

Acties:

0 Henk 'm!

Bosmonster

*zucht*

Html
Css

Klaasvaak schreef op donderdag 17 februari 2011 @ 13:12:
Ik heb het nog is nagezocht. IE 6 en 7 accepteren geen comments boven de doctype declaratie.
Het volgende zou enkel IE 6 en 7 in quirksmode moeten gooien.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Daar ga je spijt van krijgen. 2 browsers met quirksmode en de rest in standardsmode. Dan ben je de rest van het jaar bezig met bugfixes, hacks en workarounds.

donderdag 17 februari 2011 14:24

Acties:

0 Henk 'm!

Flowmo

Ik heb misschien een "oplossing". Als ik de td.bot een height van 95% geef in CSS, dan klopt ie wel. Heb het even snel getest in Chrome en daar werkt het dan ook nog. Dat percentage is afhankelijk van de grootte van de eerste rij, als ie straks kleiner of groter moet worden, dan kan het zijn dat je even moet pielen met de hoogte van de tweede rij.

Cascading Stylesheet:

* {
    border:0;
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
}

body {
    background: #fff url('Images/background.gif') repeat;
    font-family: verdana;
    font-size: 11px;
}

table {
    height: 100%;
    width: 100%;
}

.top {
    height: 50px;
    background: red;
}

.bot {
    background: purple;
    height:95%;
}

zaterdag 19 februari 2011 08:52

Acties:

0 Henk 'm!

jmxd

Noxious schreef op donderdag 17 februari 2011 @ 12:20:
table min-height 100% en de eerste row op 50px zetten?

IE 6 en 7 spreken geen min-height

dinsdag 22 februari 2011 09:12

Acties:

0 Henk 'm!

SaphuA

Topicstarter

.

[ Voor 108% gewijzigd door SaphuA op 01-02-2022 16:18 ]

dinsdag 22 februari 2011 09:55

Acties:

0 Henk 'm!

Noxious

Twylight schreef op zaterdag 19 februari 2011 @ 08:52:
[...]
IE 6 en 7 spreken geen min-height

hmm ook niet met xhtml? dat is -ontdanks dat veel devs het vies vinden ofzo- bij mij behoorlijk crossbrowser consistent

dinsdag 22 februari 2011 10:01

Acties:

0 Henk 'm!

418O2

http://www.quirksmode.org/ -> http://www.quirksmode.org/css/contents.html -> http://www.quirksmode.org/css/width.html

IE 6 supports min-height on TD’s only.

QuirksMode is wel een goede referentie voor CrossBrowser (lees: IE) issues.

Onderwerpen