Notifikationer

Markér alle som læst Log ud

Slettet bruger

07. november 2007 - 22:55 Der er 2 kommentarer og
1 løsning

Div boks layout

Hejsa.

Jeg er ved at lave en hjemmeside med noget boks layout, men det driller en smule.
Siden kan ses på http://www.afterworld.dk/test/

Det virker fint i firefox, men i IE 7, vises den venstre hvide boks ikke i sin fulde bredde.
Det er meningen at begge bokse skal have den samme margin ud til deres respektive side (højre/venstre side), men den venstre vises med et stort mellemrum til den højre boks.

Jeg har forsøgt med noget absolute positioning, men det vil jeg helst undgå. Jeg vil helst sætte så fleksibelt layout som muligt, altså, hvor boksene defineres så lidt som muligt og bare 'flyder' med layputet, men dette virker ikke umiddelbart.

Synes godt om

jhe-ting Nybegynder

07. november 2007 - 23:55 #1

Du har bl.a. denne CSS:

#mainMenu {
background-color:#FFFFFF;
float:left;
margin:1% 0pt 1% 1%;
padding:1%;
width:27%;
}
#mainContent {
background-color:#FFFFFF;
float:right;
margin:1%;
padding:1%;
width:66%;
}

Den samlede sum af procenter går ikke op, og de to browsere er ikke enige om hvor resten skal placeres.

Bredde af et element: width+2*padding

mainContent: 66% + 2 * 1% = 68%
mainMenu: 30% ? 2 * 1% = 32%
-----
Total: 100% (vis denne tabel i fixed font)

Prøv at rette til

#mainMenu {
background-color:#FFFFFF;
float:left;
margin:1% 0pt 1% 1%;
padding:1%;
width:30%;
}
#mainContent {
background-color:#FFFFFF;
float:right;
margin:1%;
padding:1%;
width:66%;
}

Synes godt om

Slettet bruger

08. november 2007 - 08:13 #2

Hejsa.
Problemet blev løst ved at sætte <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ind i toppen af siden :-)

Men jeg ved ikke om du måske kan give mig et hint om et andet problem jeg har med siden.
Jeg vil gerne have en baggrund/baggrundsfarve i den div, der hedder main, hvor de to midterste div'er er placeret.

Som det er nu skubber de ud over selve mail div'en når der fyldes indhold i dem og dermed kan jeg ikke lave den fælles baggrundseffekt jeg gerne vil have.
Jeg vil med andre ord gerne have den midterste div til at rykke med de to andre - altså udvidde sig i takt med dem.

Har justeret en smule på procenterne i bredden som du skrev - det var kun et problem med IE hvis man skalerede skærmbilledet, men nu burde det virke.

P.S. Har ikke lagt ændringerne online endnu, så man vil stadig se den gamle side.

Synes godt om

Slettet bruger

09. november 2007 - 10:37 #3

Lukker

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