Notifikationer

Markér alle som læst Log ud

gimo Nybegynder

08. november 2007 - 13:37 Der er 6 kommentarer

CSS/HTML FF & IE problem

Hejsa guys!
Jeg er virkelig løbet ind i et problem hvor firefox & ie ikke vil tolke pixels rigtigt. Og denne gang er det firefox der ikke vil gøre det ordentligt :(!
Her er et link: [url]http://simon.simfre.dk/demo/[/url]
I firefox har jeg med Webdeveloper toolbar fundet ud af at (ifølge firefox) min midterste div "menu" er ALT for bred - men den er sat til de 197 px som top & bottom også er!
Her er det så jeg tjekker i IE - her ser det squ ud som det skal?! Hvad filan skal jeg gøre..?

Grunden er at jeg har en padding-right som jeg før troede var problemet - så fandt jeg ud af at firefox tolker det som om diven er næsten dobbelt så bred, så jeg slet ikke kunne se at paddingen havde nogen effekt på mit indhold.

Håber der er nogle af jer guys der kan hjælpe mig - har også smidt filerne op i en rar.

//GiMo

Edit: Her er lige et billede af hvordan webdeveleper toolbar viser det i firefox:
[url]http://testmax.dk/External/File/716/div-JPG.aspx[/url]

Synes godt om

gimo Nybegynder

08. november 2007 - 13:38 #1

Jeg kunne ikke finde nogen edit knap, så her er de rigtige links:
http://simon.simfre.dk/demo/
http://testmax.dk/External/File/716/div-JPG.aspx

(Edit:'en skal i ikke tage jer af... Var en skrivefejl :/)

Synes godt om

sibbelone Nybegynder

08. november 2007 - 15:48 #2

prøv at give din menu en margin-left og så fjern de der padding så skulle det virke
#menu {
width: 197px;
margin: 0px;
background-image: url("mid.jpg");
background-repeat:repeat-y;
}
html>body #menu{
min-height: 100;
height; auto;}

#menu_indhold {
position: absolute;
width: 150px;
padding-top: 10px;
margin-left: 20px;

}

menu indhold skal så sættes in i den div der hedder menu

<div id="menu">
<div id="">Menuen her</div>
</div>

Synes godt om

sibbelone Nybegynder

08. november 2007 - 15:49 #3

#menu {
width: 197px;
margin: 0px;
background-image: url("mid.jpg");
background-repeat:repeat-y;
}
html>body #menu{
min-height: 100;
height; auto;}

#menu_indhold {
position: absolute;
width: 150px;
padding-top: 10px;
margin-left: 20px;

}

menu indhold skal så sættes in i den div der hedder menu

<div id="menu">
<div id="menu_indhold">Menuen her</div>
</div>
prøver lige igen

Synes godt om

sibbelone Nybegynder

08. november 2007 - 15:50 #4

hvis menuen altid skal have samme højde kan du undvære

html>body #menu{
min-height: 100;
height; auto;}

Synes godt om

gimo Nybegynder

08. november 2007 - 16:17 #5

Idéen med en ekstra div er rigtig god! Og den virker! www.simon.simfre.dk/demo2
Men er der en mulighed for at jeg kan undgå den ekstra div?

Synes godt om

sibbelone Nybegynder

08. november 2007 - 17:18 #6

ne det er svært når du vil have en baggrund i din boks
man kan godt lave det tror jeg men der skal bruges en del hacks for at det virker
og det er jo netop det der er fordelen ved div at man kan bygge en side i lag
kræver dog at man kender forskel på relative og absolute

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