Avatar billede Slettet bruger
07. september 2003 - 23:24 Der er 11 kommentarer og
1 løsning

Div's der ikke placerer sig rigtigt i forhold til hinanden

http://spirit.growl.dk er det meningen at menuen og selve indholdet skal placeres lige ved siden af hinanden. Det skulle også være ret synligt, da der er et stort billede i baggrunden.

Problemet er at i Internet Explorer bliver den <div> der er til selve indholdet smidt nedenunder menuen, istedenfor ved siden af. Jeg har fået at vide at det er fordi Explorer har en ødelagt boksmodel, men jeg kan ikke finde ud af hvordan jeg kan fixe det. Nogen der har nogle forslag?

// Tue Abrahamsen
Avatar billede socle Nybegynder
07. september 2003 - 23:59 #1
sæt linie 48:
  <div id="contents" style="float:right;">

og linie 13:
    <div style="padding: 10px 10px 10px 10px; float:left">

så skulle det vist virke (håber jeg)
Avatar billede socle Nybegynder
08. september 2003 - 00:00 #2
næh, det hjalp ikke, der er vist noget i din css fil...
Avatar billede socle Nybegynder
08. september 2003 - 00:04 #3
det her virkede vist:

i css filen ændres #contents til:

  #contents {
        position: absolute;
        float: right;
        width: 610px;
        height: 100%;
        background-color: #FFFFFF;
        background-image: url("images/centrum_610x588.gif");
        background-repeat: no-repeat;
}
Avatar billede socle Nybegynder
08. september 2003 - 00:06 #4
ups, så sker der noget med baggrundsgrafikken kan jeg se...
Avatar billede socle Nybegynder
08. september 2003 - 00:09 #5
med linie 13 + 08/09-2003 00:04:57
<div style="padding: 10px 10px 10px 10px; float:left; position: absolute">

begynder det at ligne noget
Avatar billede Slettet bruger
08. september 2003 - 00:15 #6
Jeg må desværre meddele at det hverken virker rigtigt i min 1152x864 Firebird eller 800x600 Internet Explorer. I Explorer kommer der et hul mellem de to billeder, og i Firebird bliver menuen nu sat under indholdet... :(
Avatar billede bearhugx Nybegynder
08. september 2003 - 02:34 #7
jeg har lagt en "genopbygget" version op på

http://exp.skroeder.dk/398087/fixed.html

og en fil (skabelon.html), hvor jeg har forsøgt at skære alt indholdet fra, så du kan bygge det op, vel vidende hvad der er hvad :-)

så klik ind på

http://exp.skroeder.dk/398087/

/Søren
Avatar billede bearhugx Nybegynder
08. september 2003 - 02:42 #8
omend jeg har lagt mærke til at der i IE kommer en hvid stribe ned mellem henholdsvis menu-baren og indholdet ... hvorfor den kommer ved jeg ikke - men har ikke tid til at finde ud af det nu (skal i seng... :)

(det sjove er, at hvis man tager en lup frem og kigger på overgangene fra headeren og så til de to underliggende elementer, så er de nøjagtigt alignet, selvom der er en ca. 3px hvid linie ned i mellem -- så det ser ikke ud til at være tale om en forskydelse- så ville man kunne se det :-/ )
Avatar billede bearhugx Nybegynder
08. september 2003 - 02:43 #9
PS :mit er fejlfrit i firebird 0.2 og har "det hvide snit" i IE  (men det er måske også meget passende *LOL* :-)
Avatar billede socle Nybegynder
08. september 2003 - 09:18 #10
jeg har ikke det hvide snit i ie
Avatar billede socle Nybegynder
08. september 2003 - 09:24 #11
jeg har linket til din css fil, og tilføjet i html filen:

linie 13:
    <div style="padding: 10px 10px 10px 10px; float:left; position: absolute">

linie 48:
  <div id="contents" style="float:right; position: absolute">

og så ser det rigtigt ud i min ie
Avatar billede Slettet bruger
08. september 2003 - 19:53 #12
Sørme ja. Nu virker det :) Ved ikke lige hvilken af jer der kom med det afgørende, så I kan vel dele poengene :)
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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