Notifikationer

Markér alle som læst Log ud

krogstrup Nybegynder

09. november 2004 - 14:28 Der er 14 kommentarer og
1 løsning

Problemer med DIV design i Mozilla

Kig på denne side i IE og dernæst i Mozilla:

http://pro.wkh.dk

I Mozilla udvides min DIV med navnet "designContent" ikke selv om at indholdet overskrider de specificerede 300 pixels. Normalt udvides en DIV da hvis indholdet overskrider den angivne specifikation, eller hvad ?

Hvordan får jeg Mozilla til at udvide mit content layer således at nederste div (bottom) først vises hvor content div slutter ? Ligesom det sker i IE.

Synes godt om

krogstrup Nybegynder

09. november 2004 - 14:28 #1

HTML koden:

****************************'

<div align="center">
<div class="designArea">

<div class="designTop"> </div>

<div class="designContent">
<div class="designContentBackground">

content

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

bunden

</div>
</div>

<div class="designBottom"> </div>

</div>
</div>

Synes godt om

krogstrup Nybegynder

09. november 2004 - 14:29 #2

CSS koden:

**********************************

body {
margin:0px;
background:#ffffff url(/images/design/bodyRepeat.jpg);
}

div.designArea {
width:760px;
text-align:left;
}

div.designTop {
width:100%;
height:161px;
background:url(/images/design/top.jpg);
}

div.designContent {
width:100%;
height:300px;
background:url(/images/design/repeat.jpg);
}

div.designBottom {
width:100%;
height:105px;
background:url(/images/design/bottom.jpg);
}

div.designContentBackground {
width:100%;
height:300px;
background:url(/images/design/content.jpg) top no-repeat;
}

Synes godt om

dan_n Nybegynder

09. november 2004 - 14:33 #3

Yep kender godt problemmet, men faksitks er det IE ikke følger stanarderne og ikke firefox.

Prøv at kigge på denne side, her skulle være en løsning på dit problem:
http://www.webdesign101.dk/xhtml/css/hacks/hack_1.php

Synes godt om

dan_n Nybegynder

09. november 2004 - 14:35 #4

Den hurtigste løsning finder du her:
http://www.webdesign101.dk/xhtml/css/hacks/hack_7.php

Synes godt om

krogstrup Nybegynder

09. november 2004 - 14:36 #5

dan_n >>>

hmmmm - kan ikke umiddelbart se at den side du henviser til har noget med min problemstilling at gøre... ?!?

Men jeg kan selvfølgelig tage fejl :-)

Synes godt om

dan_n Nybegynder

09. november 2004 - 15:11 #6

Sorry fik ikke læst dit indlæg godt nok !

Synes godt om

krogstrup Nybegynder

09. november 2004 - 15:49 #7

Helt i orden :-)

Synes godt om

krogstrup Nybegynder

09. november 2004 - 21:05 #8

fandt en måde at løse det på :-)

Synes godt om

krogstrup Nybegynder

09. november 2004 - 21:06 #9

<div align="center">
<div class="designArea">

<div class="designTop"> </div>

<div class="designMiddle">
<div class="designContentBackground">

<table class="contentTable">
<tr>
<td class="contentTableLeftCell">menu</td>
<td class="contentTableRightCell">content</td>
</tr>
</table>

</div>
</div>

<div class="designBottom"> </div>

</div>
</div>

Synes godt om

krogstrup Nybegynder

09. november 2004 - 21:06 #10

body {
margin:0px;
background:#ffffff url(/images/design/bodyRepeat.jpg);
}

div.designArea {
width:760px;
text-align:left;
}

div.designTop {
width:100%;
height:161px;
background:url(/images/design/top.jpg);
}

div.designMiddle {
position:relative;
width:100%;
background:url(/images/design/repeat.jpg);
}

div.designBottom {
width:100%;
height:105px;
background:url(/images/design/bottom.jpg);
}

div.designContentBackground {
width:100%;
background:url(/images/design/content.jpg) top no-repeat;
}

table.contentTable {
width:100%;
height:300px;
border:0px;
padding:0px;
border-collapse:collapse;
}

td.contentTableLeftCell {
width:138px;
vertical-align:top;
padding:0px;
}

td.contentTableRightCell {
vertical-align:top;
padding:0px;
}

Synes godt om

olebole Juniormester

09. november 2004 - 22:56 #11

<ole>

Hej Krogen ;o)
Årsagen til dit problem er, at IE ikke kan tolke CSS med den DTD, du bruger. Du skal bruge denne for at få den til overholde W3C's standarder:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
URL'en i DTD'en er et *must*. Read all about it:
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html/cssenhancements.asp

Ændrer du din DTD, skal du sikkert lave en del af din CSS om - men det skyldes kun, du ikke har skrevet 'ordentlig' kode, som den er nu ;o)

/mvh
</bole>

Synes godt om

krogstrup Nybegynder

09. november 2004 - 23:07 #12

hehe

puha - sådan at få "røfler" så sent på aftenen...

Tak for dit input :-)

Synes godt om

krogstrup Nybegynder

09. november 2004 - 23:08 #13

jeg tror jeg holder mig til min "papkasse" løsning indtil videre :-)

Synes godt om

krogstrup Nybegynder

11. november 2004 - 14:26 #14

Hej igen Ole

Når jeg indsætter

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

i mit dokument, fungerer det fortsat fint i IE 6.0

Men i Mozilla 1.0 fejler AL CSS fuldstændig. Det ser faktisk ud som om at CSS slet ikke bliver fortolket ?!?

Synes godt om

krogstrup Nybegynder

11. november 2004 - 14:31 #15

Se her med Mozilla: http://pro.wkh.dk

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS