thinkdifferent Skrevet 29. juli 2007 Skrevet 29. juli 2007 (endret) Hei! Driver av å lager ei hjemmeside til en kortfilm som jeg og noen kompiser skal lage. Har støtt på problemer med å få siden til å vises riktig i alle nettlesere, men har nå igjen bare ett problem, som jeg kan se i alle fall. Problemet er at menyen vil ikke midtstilles i Firefox. I IE fungerer den bra Siden HTML: Klikk for å se/fjerne innholdet nedenfor <html><head> <title>TEST</title> <link href="screen.css" rel="stylesheet" type="text/css" media="screen" /> </head> <div id="header"> </div> <div id="meny"> <ul> <li><a href="om.html">Om filmen</a></li> <li><a href="imedia.html">Filmen i media</a></li> <li><a href="visningsprogram.html">Visningsprogram</a></li> <li><a href="multimedia.html">Multimedia</a></li> <li><a href="dvd.html">Kjøp av DVD</a></li> <li>Siste nytt</li> </ul> </div> <div id="rektangel"> <div id="tekst"> <h2>Siste nytt</h2> <p class="blogginnlegg_overskrift">Testert</p> <p class="blogginnlegg_tid">Tirsdag 18. september 2006 kl. 00.01</p> <h6>asdfasdf</h6><br /> <p class="blogginnlegg_overskrift">Filminnspillingen begynner!</p> <p class="blogginnlegg_tid">Mandag 30. juli 2007 kl. 00.01</p> <h6>I dag begynner filminnspillingen kl. 10.00.</h6> </div></div> <div id="border">Copyright © 2007 - Laget av Truls Bjørnar Hamborg </div> </body> </html> CSS: Klikk for å se/fjerne innholdet nedenfor * {margin: 0 auto; padding: 0px; border: 0px; text-align: center; align: center; background-color: #000000; } #body { font-family: Tahoma, Arial, Verdana; margin-left: 16px; margin-top: 10px; width: 650px; height: 17px; float: left; } body, HTML { height: 100%; } #header { background: url('header.jpg'); margin-top: 0px; margin-bottom: 0px; align: center; width:650px; height: 217px; border-top: 0px #000000 solid; border-left: 0px #000000 solid; border-right: 0px #000000 solid; border-bottom: 0px #000000 solid; } #meny { background-color: #ffffff; width:650px; height: 30px; margin-top: 0px; margin-left: 1px; margin-right: 1px; font-size: 12px; font-weight: bold; } #meny a { text-decoration: none; background-color: #ffffff; } #meny a:hover { color: gray; text-decoration: underline; background-color: #ffffff; } #meny ul { list-style-type: none; background-color: #ffffff; } #meny li { float: left; padding: 0 10px 0 10px; background-color: #ffffff; } #border { font-size: 12px; margin-bottom: 1px; text-align: center; background-color: #000000; color: white; } #rektangel { margin-top:0px; margin-bottom: 4px; text-align:left; width:650px; background-color: #FFFFFF; color: black; border-top: 0px #000000 solid; border-left: 0px #000000 solid; border-right: 0px #000000 solid; border-bottom: 1px #000000 solid; } #tekst { background-color: #FFFFFF; color: black; margin: 0px 25px 25px 51px; } /*--------------Blog-opplegg--------------*/ p.blogg_overskrift { font-size:12px; background-color: #ffffff; color: black;; font-weight: bold; text-align:left; margin:0 0 20px 0; } p.blogginnlegg_overskrift { font-size:12px; background-color: #ffffff; color: black; font-weight: bold; text-align:left; margin:22px 0 0 0; } p.blogginnlegg_tid { font-size:11px; color:gray; background-color: #ffffff; text-align:left; margin:2px 0 1px 0; } h2 { font-size: 20px; text-align:left; font-weight: bold; background-color: #ffffff; color: black; } h6 { font-size: 12px; text-align:left; font-weight: normal; background-color: #ffffff; color: black; } a { color: #961010; text-decoration: none; } a:hover { color: gray; } Kan hende koden inneholder mange feil, men er ikke så god på HTML & CSS. Endret 31. juli 2007 av Trussl
Erik B. Skrevet 29. juli 2007 Skrevet 29. juli 2007 Plasser meny div'et innenfor rektangel div'et. Eller legg til margin:0 auto; i meny div'et.
Ståle Skrevet 30. juli 2007 Skrevet 30. juli 2007 margin: 0 auto; er det som er riktig a bruke. text-align:center; ma brukes fordi IE ikke skjonner det som er riktig. Og det heter Fx, ikke FF
thinkdifferent Skrevet 31. juli 2007 Forfatter Skrevet 31. juli 2007 Okay, skal huske det Ståle Har satt inn margin: 0 auto; i div#meny nå, men dessverre blir linkene/teksten i menyen venstrestilt i Fx, men i IE fungerer den helt fint Siden
Anbefalte innlegg
Opprett en konto eller logg inn for å kommentere
Du må være et medlem for å kunne skrive en kommentar
Opprett konto
Det er enkelt å melde seg inn for å starte en ny konto!
Start en kontoLogg inn
Har du allerede en konto? Logg inn her.
Logg inn nå