Avatar billede fanatic Nybegynder
18. marts 2007 - 19:03 Der er 9 kommentarer og
1 løsning

Border vises ikke korrekt i Firefox

Hej Eksperter.

Jeg udvikler en hjemmeside i asp.net og laver layout'et til siden i en css-fil. Sidens layout består af et vandret logo/billede, herunder en vandret menu og herunder et indhold der er opdeles i to kolonner.
I css'en definerer jeg at siden skal centreres og ellers opdeles i to kolonner (leftcontent  og rightcontent ). Jeg har yderligere defineret at der skal være en tynd border rundt om hele siden. Altså meget standard, som det ses på mange web sites.

Problemet er at Firefox kun viser border'en rundt om sidens headerlogo og menu og ikke rundt om resten af sidens indhold. Det fungerer dog fint i MS Explorer.

Er der en der kan se hvad jeg gør galt? Her er css-filen:

body
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: center;
    color:White;
    background-color:Black;
}

div#container {
  margin: 0 auto;
  width: 800px;
  text-align: left;
  border-width: 1px;   
  border-style: solid;
  border-color: White;
  background-color:Black;
  }

div#headerlogo {
    padding: 0px;
    text-align: center;
}

div#menu {
    padding: 0px;
    text-align: center;
    font-size: 10px;
    background-color:#996666;
}

div#header {
    width:590px;
    float:left;
    padding:5px;
    font-size: 12px;
}

div#loginstatus {
    float:right;
    padding:5px;
}

#pagecontent
{
   
}

#rightcontent
{
    width:590px;
    float:left;
    padding-left:5px;
    padding:0px;
    font-size: 10px;
}

#leftcontent
{
    margin-top: 5px;
    width:195px;
    float:left;
    padding:5px;
    color:Black;
}

div#copyright {
    padding: 5px;
    float:right; 
}
div#footer {
    padding: 5px;
    text-align: center;
    margin-bottom: 1px;
}
Avatar billede erikjacobsen Ekspert
18. marts 2007 - 20:38 #1
Skal
    margin: 0 auto;
ikke bare være
    margin: 0px;
Avatar billede fanatic Nybegynder
18. marts 2007 - 20:51 #2
Jo..det er den der bestemmer om siden centreres.
Avatar billede fanatic Nybegynder
18. marts 2007 - 21:10 #3
...muligvis har det noget med float:right; at gøre...rammen forsvinder og komme rtil syne igen alt efter om jeg bruger den eller ej hmmmmm.. nogen der kan forklare mig hvorfor Firefox ikek vil sætte en ramme omkring sådan et div der bruger denen style??.
Avatar billede notes2c Nybegynder
18. marts 2007 - 22:29 #4
Du må smide et link til din side eller vise hele koden. Det giver ingen mening kun at kigge på din css kode uden den tilhørende html kode.
Avatar billede roenving Novice
19. marts 2007 - 00:52 #5
Du skal sætte en tom div, med denne style ind efter dine left- og right-content-divs:

<div style="clear:both;line-height:0;font-size:0;">&nbsp;</div>
Avatar billede fanatic Nybegynder
19. marts 2007 - 09:39 #6
tak...jeg prøver det lige af i aften.
Avatar billede fanatic Nybegynder
19. marts 2007 - 16:50 #7
roenving>>> Sådan skal det være!! Sørme om ikke det virker både i FF og IE - Tak form hjælpen :-)

Men det gir da godt nok ikke nogen mening at man skal det, eller gør det? Send lige et svar så du kan få point.
Avatar billede roenving Novice
19. marts 2007 - 17:26 #8
Velbekomme '-)

-- og jo, det giver faktisk god mening, for elementer, der er floatet skal være 'løftet' ud af sidens almindelige flow, og clear-diven trækker sig selv ind i sidens almindelige flow _efter_ de to andre !-)

-- at så en særdeles udbredt browser gør tingene stik imod rekommendationerne kan man jo så bare sige "Nå" til ...
Avatar billede roenving Novice
19. marts 2007 - 17:26 #9
;O)
Avatar billede roenving Novice
19. marts 2007 - 21:25 #10
-- og tak for point ;~}
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