/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Problemer med layout i IE 8.0, Firefox osv~
Fra : Steffen Jespersen


Dato : 29-09-09 12:57

Hej Alle.

Jeg er næsten lige begyndt at rode med HTML og CSS og vi har fået
til opgave at prøve at efterligne layoutet på www.information.dk.
Mht. til indellingen på siden. (de forskellige kasser)
Det er så lykkes meget godt. Det ser fint ud i IE 7.0 (som vi
bruger på skolen. Syddansk Uni), men når jeg tester det i Firefox
og andre browsere ser det ikke optimalt ud. Der bliver rykket
rundt på de forskellige "diversions", sådan layoutet ikke bliver
som det skal være.

Nogen der kan forklare mig, hvad problemet er og evt. hjælpe med
en løsning?

URL: http://www.saftig-kokus.dk/index.html
Virker fint i IE 7.0
Virker ikke i Firefox og IE 8.0

Mvh. Steffen



--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Jahirah (29-09-2009)
Kommentar
Fra : Jahirah


Dato : 29-09-09 13:24

Steffen Jespersen wrote in dk.edb.internet.webdesign.html:
> Hej Alle.
>
> Jeg er næsten lige begyndt at rode med HTML og CSS og vi har fået
> til opgave at prøve at efterligne layoutet på www.information.dk.
> Mht. til indellingen på siden. (de forskellige kasser)
> Det er så lykkes meget godt. Det ser fint ud i IE 7.0 (som vi
> bruger på skolen. Syddansk Uni), men når jeg tester det i Firefox
> og andre browsere ser det ikke optimalt ud. Der bliver rykket
> rundt på de forskellige "diversions", sådan layoutet ikke bliver
> som det skal være.
>
> Nogen der kan forklare mig, hvad problemet er og evt. hjælpe med
> en løsning?
>
> URL: http://www.saftig-kokus.dk/index.html
> Virker fint i IE 7.0
> Virker ikke i Firefox og IE 8.0
>
> Mvh. Steffen

-----8<-----------

Jeg antager du har bygget selve siden i IE7.

Prøv at læse svaret til dette spørgsmål, det gælder for dit
spørgsmål såvel som for det i posten:
http://www.html.dk/nyhedsgrupper/dk_edb_internet_webdesign_html/defa
ult.asp?messageid=%3C4abe89e8%240%24284%2414726298%40news.sunsite.dk
%3E

//Jahirah

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Steffen Jespersen (29-09-2009)
Kommentar
Fra : Steffen Jespersen


Dato : 29-09-09 13:43

Jahirah wrote in dk.edb.internet.webdesign.html:
> Steffen Jespersen wrote in dk.edb.internet.webdesign.html:
> > Hej Alle.
> >
> > Jeg er næsten lige begyndt at rode med HTML og CSS og vi har fået
> > til opgave at prøve at efterligne layoutet på www.information.dk.
> > Mht. til indellingen på siden. (de forskellige kasser)
> > Det er så lykkes meget godt. Det ser fint ud i IE 7.0 (som vi
> > bruger på skolen. Syddansk Uni), men når jeg tester det i Firefox
> > og andre browsere ser det ikke optimalt ud. Der bliver rykket
> > rundt på de forskellige "diversions", sådan layoutet ikke bliver
> > som det skal være.
> >
> > Nogen der kan forklare mig, hvad problemet er og evt. hjælpe med
> > en løsning?
> >
> > URL: http://www.saftig-kokus.dk/index.html
> > Virker fint i IE 7.0
> > Virker ikke i Firefox og IE 8.0
> >
> > Mvh. Steffen
>
> -----8<-----------
>
> Jeg antager du har bygget selve siden i IE7.
>
> Prøv at læse svaret til dette spørgsmål, det gælder for dit
> spørgsmål såvel som for det i posten:
> http://www.html.dk/nyhedsgrupper/dk_edb_internet_webdesign_html/defa
> ult.asp?messageid=%3C4abe89e8%240%24284%2414726298%40news.sunsite.dk
> %3E
>
> //Jahirah
>
> --
> Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
> - Pædagogiske tutorials på dansk
> - Kom godt i gang med koderne
> KLIK HER! => http://www.html.dk/tutorials

Jeg har læst det indlæg.

Mange tak.

Kan godt være jeg spørger dumt, men hvad mener du med, at jeg har
bygget siden i IE7?

Jeg har kodet den i html-kit.


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Jahirah (29-09-2009)
Kommentar
Fra : Jahirah


Dato : 29-09-09 18:37

Steffen Jespersen wrote in dk.edb.internet.webdesign.html:
>
> Jeg har læst det indlæg.
>
> Mange tak.
>
> Kan godt være jeg spørger dumt, men hvad mener du med, at jeg har
> bygget siden i IE7?
>
> Jeg har kodet den i html-kit.

------------- 8<---------------------

Der er ingen dumme spørgsmål, kun dumme svar :) En ting, som jeg har lært
herinde, så dit spørgsmål er bestemt ikke dumt :)

Når jeg siger, at jeg antager du har bygget den i IE7, så mener jeg at det
er den browser du har brugt til at "preview" det færdige resultat imens du
har lavet den.
Selv en WYSIWUG-editor som ex. Dreamweaver eller Frontpage tillader dig at
preview dit "indtil videre" resultat, og den bruger din browser til dette.

Når jeg så siger at jeg antager du har bygget den i IE (Microsoft
Explorer) så mener jeg at det er den browser du har previewed din side i,
og derfor rettet alt på siden til at vises korrekt i netop en IE browser.

Nu er det jo så bare det at IE har sin helt egen dagsorden og måder at
tolke html og css på - desværre. Den er ofte en kæp i hjulet på browser
kombatibilitet. Netop derfor jeg ville anbefale at bruge Firefox til
web-udvikling :)

WYSIWUG betyder forresten (i tilfælde af du ikke ved det):
What-You-See-Is-What-You-Get (tag forbogstavet fra hvert ord)
Dejlig lille remse :D

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Philip Nunnegaard (29-09-2009)
Kommentar
Fra : Philip Nunnegaard


Dato : 29-09-09 18:51

Jahirah skrev:

> Nu er det jo så bare det at IE har sin helt egen dagsorden og måder at
> tolke html og css på - desværre. Den er ofte en kæp i hjulet på browser
> kombatibilitet. Netop derfor jeg ville anbefale at bruge Firefox til
> web-udvikling :)

Jeg er fuldstændig enig, og jeg bruger selv Firefox med et par
tilføjelsesprogrammer (Web developer og HTML Validator).

Jeg kunne dog levende forestille mig at de på universitetets computere
kun har IE 7 og intet andet.

--
Philip - http://chartbase.dk | http://www.hitsurf.dk

Steffen Jespersen (29-09-2009)
Kommentar
Fra : Steffen Jespersen


Dato : 29-09-09 22:54

Philip Nunnegaard wrote in dk.edb.internet.webdesign.html:
> Jahirah skrev:
>
> > Nu er det jo så bare det at IE har sin helt egen dagsorden og måder at
> > tolke html og css på - desværre. Den er ofte en kæp i hjulet på browser
> > kombatibilitet. Netop derfor jeg ville anbefale at bruge Firefox til
> > web-udvikling :)
>
> Jeg er fuldstændig enig, og jeg bruger selv Firefox med et par
> tilføjelsesprogrammer (Web developer og HTML Validator).
>
> Jeg kunne dog levende forestille mig at de på universitetets computere
> kun har IE 7 og intet andet.
>
> --
> Philip - http://chartbase.dk http://www.hitsurf.dk

Hey igen.

Jeg har fået løst problemet. Fik lidt hjælp med CSS af min underviser.

Og ja de har kun IE 7.0 på computerne. Det er mega nitten! Bruger min
bærbar med firefox fremover.

Tak for hjælpen.


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Jørgen Farum Jensen (29-09-2009)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 29-09-09 13:46

Steffen Jespersen skrev:

> Nogen der kan forklare mig, hvad problemet er og evt. hjælpe med
> en løsning?
>
> URL: http://www.saftig-kokus.dk/index.html
> Virker fint i IE 7.0
> Virker ikke i Firefox og IE 8.0

Fjern linjen
<?xml version="1.0" encoding="iso-8859-1"?>

Den sætter IE<8 i quirks modus. Det betyder
at kassernes bredde beregnes på en anden
måde end standarden.

Dernæst farer du vild i forbindelse med
postioneringen af kasserne i forhold til
hinanden.

Så vidt jeg kan gennemskue, ønsker du et
sidehoved efterfulgt af en eller flere
kasser med 3 eller 4 spalter.

Den nødvendige HTML-kode til det er
<div id="side">
<div id="sidehoved">
[ Sidehoved indhold ]
</div>
<div class="container">
<div class="col">
[ 1. kolonne indhold ]
</div>
<div class="col">
[ 2. kolonne indhold ]
</div>
<div class="col" id="lastcol">
[ 3. kolonne indhold ]
</div>
<div class="clear"></div>
</div> <!-- container -->
<div id="sidefod">
[ sidefodens indhold ]
</div>
</div <!-- /side -->

Stylesheet:
* {margin:0;padding:0;}
#side {
width:95%;
max-width:970px;
margin: 0 auto;}
..container {
width:100%;
}
..col {
width:32%;
float:left;
margin-right:3%;
}
#lastcol {margin-right:0;}

Hvis det her forekomer dig lidt fremmedartet, så læs
min artikel:
http://webdesign101.dk/layout/

PS. Koden er lige ud af ærmet - ingen garanti for
andet end princippet.

--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408918
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste