Avatar billede speedpete Nybegynder
09. november 2007 - 09:49 Der er 14 kommentarer og
1 løsning

CSSproblem FireFox/IE

http://solliden.dk/LaesGaestebog.aspx ser ud som jeg vil have det i IE7, men ikke i FireFox. Hvis jeg nu lige paster min CSS ind, kan nogen så se, hvordan jeg får det til at se rigtigt ud i FireFox?

body
{   
    background-color: #E8E6C7;
    margin:0 0 0 0;
    padding:0 0 0 0;   
    height:100%;   
    font-size:12px;
    font-family:Sans-Serif;       
}
   
img
{
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

div#outer
{
    background-color: #E8E6C7;   
    text-align:center;
    height:100%;
}

div#wrapper
{     
    margin: 0px auto 0px auto;
    text-align: left;
    width: 750px;
    height:100%;         
}

div#header

    background-color:gray; 
    height:100px;
    color:White;   
    padding:0px 0px 0px 0px;
}
       
div#header_homeimg
{
    float: left;
    width:100px;
}
   
div#header_rightOfHomeImg
{
    float: left;
    width:400px;
    padding:0px 0px 0px 10px;
}
   
.containerdiv
{           
    height:auto;   
    width:750px;   
}

.contentdiv
{
    padding:5px 5px 5px 5px;
    margin:5px 5px 5px 5px;
    background-color: #E8E6C7; 
    min-height:400px;   
}

.menulinie
{     
    padding:5px 5px 0px 5px;     
    border-style:solid;   
    border-width:0px;
    border-bottom-width:2px;
    vertical-align:bottom; 
}

.menulinie a
{
    text-decoration:none;
}
   
.menuitem
{
    display:inline;
    margin: 0px 5px 0px 0px;
    padding: 0px 5px 0px 5px;     
    border-style:solid;   
    border-width:1px;
}
   
.menuitemPath
{
    display:inline;
    margin: 0px 5px 0px 0px;
    padding: 0px 5px 0px 5px;
    border-style:solid;   
    border-width:2px;   
}
Avatar billede roenving Novice
09. november 2007 - 15:43 #1
Det kan vi ikke hjælpe dig med, hvis ikke vi ved, hvilken doctype, du bruger ,-)
Avatar billede speedpete Nybegynder
10. november 2007 - 10:25 #2
øhm, tænker du på
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Avatar billede sibbelone Nybegynder
10. november 2007 - 13:50 #3
vi skal have noget html også
Avatar billede sibbelone Nybegynder
10. november 2007 - 13:52 #4
GaestebogEntry

{

    border:groove 2px white;

    margin-top:10px; 

    }

prøv at sætte en bredde på den her
Avatar billede sibbelone Nybegynder
10. november 2007 - 13:54 #5
det der er galt med den linie med nulle er at der ikke er et mellemrum nogen steder og du har ikke angivet en bredde så skal den jo fortsætte
Avatar billede speedpete Nybegynder
10. november 2007 - 14:19 #6
Mht HTML, så er det vel bare at sige "Vis kilde" til sin browser?

Nullerne var jeg ikke opmærksom på; det må være roenving der har testet for mig (tak).

Problemet er sådan set bare det mellemrum, som i FireFox er over <div id="ctl00_container" class="containerdiv" >. Det skal ikke være der, men se ud som det gør i IE7
Avatar billede speedpete Nybegynder
10. november 2007 - 14:28 #7
Længde på GaestebogEntry prøvede jeg lige at sætte til 750px. Det gør ingen forskel mht. den lange linie. Er der noget linebreak, tekstombrydning eller lign. man kan bruge på en div? Eller noget der tvinger indholdet til at blive inde i diven? En overflow-setting?
Avatar billede sibbelone Nybegynder
10. november 2007 - 16:39 #8
der er en eller anden funktion men kan ikke huske hva den hedder
Avatar billede w13 Novice
10. november 2007 - 16:46 #9
overflow:hidden|auto|scroll
Hidden skærer indhold fra, hvis det er "uden for" boksen.
Avatar billede speedpete Nybegynder
10. november 2007 - 19:16 #10
ok, men mit egentlige problem er stadig mellemrummet over div'en med  class="containerdiv"
Avatar billede w13 Novice
11. november 2007 - 16:06 #11
prøv at sætte style="margin:-10px" på.
Avatar billede w13 Novice
11. november 2007 - 16:06 #12
Hov, margin-top:-10px
Avatar billede speedpete Nybegynder
12. november 2007 - 08:26 #13
nope... duer ikke. Det rykker godt nok containerdiv op, men også "ind under" nogle andre div'er (menuitem)
Avatar billede w13 Novice
12. november 2007 - 14:42 #14
Hvad havde du forestillet dig, der ellers skulle ske? Du ville have den opad. Hvis der ligger andre elementer der, hvor du vil have den hen, kan de ikke selv finde ud af at rykke sig. Så må du rykke dem selv.
Avatar billede speedpete Nybegynder
12. november 2007 - 15:04 #15
ok, det får jeg vist ikke noget ud af. Jeg troede det var et simpelt problem... måske noget med nogen standard-ting man skulle tage højde for mht Explorer/Mozilla.
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