Notifikationer

Markér alle som læst Log ud

kongsteddk Nybegynder

24. marts 2004 - 13:07 Der er 6 kommentarer og
1 løsning

Hvor går det galt?

Hej!

Jeg sidder og roder med at sætte en side op i div-tags. Jeg har bare det problem at siden ikke er ens i IE og fx mozilla.
Siden balladen drejer sig om er http://ny.sitedesign.dk
Er der nogen der har nogle bud på hvad der er galt?

PFT

//kongsted

Synes godt om

skovenborg Nybegynder

24. marts 2004 - 13:28 #1

prøv at skrive det her i din css:
#content {
background-color: #FFFFFF;
float: left;
width:677px;
padding: 2px;
margin-left: 3px;
}
#content_frame > #content {
width: 669px;
}

Synes godt om

skovenborg Nybegynder

24. marts 2004 - 13:29 #2

--- problemmet før var at selve #main-div'en var for lille til at #left_menu og #content kunne stå ved siden af hinanden. Du må regne med at padding'en bliver lagt på når bredden bliver beregnet - og så har du jo samtidig de ekstra 3px fra margin-left

Synes godt om

kongsteddk Nybegynder

24. marts 2004 - 14:09 #3

Ikke forstået...
#content_frame > #content {
width: 669px;
}
#content_frame laver jo rammen udenom left_menu og content....

Synes godt om

skovenborg Nybegynder

24. marts 2004 - 15:34 #4

nej den er også lidt speciel - men den laver ikke om på #content_frame, bare rolig ;-)

Tricket er at >-selectoren ikke understøttes af Internet Explorer, men derimod af Mozilla. Ved derfor at sætte bredden 677px først (som både IE og Mozilla kan forstå), og derefter sætte højden til 669px på en måde som kun Mozilla forstår, så får du et ordentligt resultat.

>-selectoren betyder i dette tilfælde at #content skal være et direkte "child" af #content_frame - altså #content skal ligge lige indeni #content_frame, hvilket den jo også gør.
fx sætter BODY > SPAN {background-color:#f00;} baggrundsfarven til rød for span-elementer der ligger lige indeni body-elementet fx:
<body>
<span>Tekst</span>
</body>

mens den ikke sætter baggrundsfarven til rød i dette eksempel:
<body>
<div><span>Tekst</span></div>
</body>
da span-elementet også ligger indeni et div-element. Håber du forstår (og at det virker) ;-)

Synes godt om

kongsteddk Nybegynder

25. marts 2004 - 09:59 #5

skovenborg> Tak for hjælpen. Det virkede, og er blevet valideret - troede jeg ikke at det kunne, men man lærer jo hver dag! :-) Hvis du lige smider et svar, skal du få dine velfortjente point! :-)
Nu kan jeg komme videre med mit CMS! :-)

Synes godt om

skovenborg Nybegynder

25. marts 2004 - 17:28 #6

værsgo' :-)

tricket virker selvfølgelig kun indtil IE får en ordentlig CSS understøttelse, men det tager nok sin tid ;-)

Synes godt om

skovenborg Nybegynder

04. juli 2004 - 15:09 #7

og tak for points :-)

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

Microsoft 365 kurser

Alle kurser indenfor Microsoft 365 – både til begyndere og øvede.

Se alle Microsoft 365 kurser

Flere spørgsmål fra Andet design kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
En som kan designe et LegoKørekort? Af Chris i Andet design	7	30/10/202404:18	30/10/202414:10
3D foto til stl Af johnnylassen i Andet design	1	31/07/202313:32	31/07/202314:28
InDesign - Af Ajnbnb i Andet design	6	29/07/202209:29	01/08/202209:18
Kan man fremstille numre med en cirkel eller firkant om ? Af Ikke-ekspert i Andet design	6	04/04/202211:38	04/04/202222:11
Logo til kostvejleder Af Buchwald i Andet design	3	18/02/202217:41	20/02/202216:52

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