Avatar billede reginho Nybegynder
08. september 2006 - 13:09 Der er 16 kommentarer og
1 løsning

Min Css vil ikke vises?

Jeg kan ikke forstå hvorfor min CSS ikke vil vises. Er der nogen som kan hjælpe?

Min HTML ser således ud:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Regin.dk</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="default.css" />
</head>
<body>
<div id="skal">
</div>
<div id="Topkant">
<div id="Main">
<div id="Topbanner">
<div id="Menulinje">
<div id="Top">
<div id="Search">
<div id="Sidebar1">
<div id="Sidebar2">
</div>
</body>

Min CSS ser således ud:

body{
margin:0;
padding:0;
text-align: center;
font-family: verdana, arial, sans-serif;
}

/* Layout */

#header {
height:  116px;
width:  100%;
background: #66CCFF;
}

#Skal{
width:770px;
text-align:left;
min-width: 570px;
margin-left:auto;
margin-right:auto;
border:1px solid #c00;
background:#fff;
}

#Sidebar1{
width:90px;
text-align:left;
background:#FF3333;
}

Når jeg åbne rmin html side i en browser, får jeg hare en blank side. Det forstår jeg ikke helt fordi jeg har lavet den rigtige sti til CSS filen og jeg mener selv at jeg har den korrekte syntax. Sååå ... jeg kan godt bruge et godt råd eller to måske..

Mvh
Regin
Avatar billede tofferman Nybegynder
08. september 2006 - 13:19 #1
Prøv at ændre <link rel="stylesheet" type="text/css" href="default.css">
til <link rel="stylesheet" type="text/css" href="/default.css">


Prøv at ændre <div id="skal"> til <div id="Skal"> , for nogle browsere er case-sensitive.
Avatar billede notes2c Nybegynder
08. september 2006 - 13:20 #2
Din html er ikke valid og dine divs er jo tomme el ingen højde
Avatar billede tofferman Nybegynder
08. september 2006 - 13:20 #3
Jeg ved forøvrigt ikke om det giver problemer når du ikke har 6 cifre i dine farvekoder.
Avatar billede notes2c Nybegynder
08. september 2006 - 13:32 #4
Det gør det ikke....
Avatar billede jensgram Nybegynder
08. september 2006 - 13:35 #5
Nogle browsere VIL have en Content-Type: text/css fra serveren - og nogle servere sender den ikke selv med. Prøv at åbne default.css i din browser og vælg egenskaber -> information (ell. lign.).
Avatar billede reginho Nybegynder
08. september 2006 - 13:36 #6
Notes2c:
Hvorfor er min html ikke valid og hvad betyder det for min side?
Kan jeg give mine divs højde, med en alm: "height:  116px;" css linje?
Begge:
Forstår bare ikke hvorfor baggrundsfarven i min header ikke vises. Der er der jo både højde og bredde på, samt baggrundsfarve..?

Det jeg forsøger er at placere min "Sidebar1" indeni min "Skal". Indeni min "Skal", vil jeg placere mit "Main" vindue, til billeder og tekst osv.

Tak for at i gider hjælpe.
Avatar billede notes2c Nybegynder
08. september 2006 - 13:36 #7
#Skal og #Sidebar1 har ingen højde og elementerne er tomme så derfor vises der intet. Tillige mangler der afslutnings tags på <div id="Topkant">,
<div id="Main"> m.v.
Avatar billede reginho Nybegynder
08. september 2006 - 13:36 #8
PT. tester jeg filen via mit skrivebord, jeg har ikke uploadet den endnu til serveren.
Avatar billede reginho Nybegynder
08. september 2006 - 13:37 #9
notes2c: Skal der afslutningstags på alle divs?
Avatar billede notes2c Nybegynder
08. september 2006 - 13:37 #10
Et div tag skal altid lukkes med et slut tag iflg spec..
Avatar billede notes2c Nybegynder
08. september 2006 - 13:39 #11
Ja du kan give en height. Og din header vises ikke for du har ingen header i din html men derimod en topkant
Avatar billede reginho Nybegynder
08. september 2006 - 14:03 #12
Nå, men det med min header var slet ikke PINLIGT. Nu begynder det dog at dæmre for mig. Hvis jeg skal have min "Main" til at være lige ved siden af min "Sidebar1", skal jeg så angive det direkte med position?
I min kode står det nu sådan her:
<body>
<div id="Topkant">
</div>
<div id="Topusynlig">
</div>
<div id="Skal">
<div id="Sidebar1">
</div>
<div id="Main">
<div id="Sidebar2">
</div>

Og jeg kan se at det ikke umiddelbart får min "Main" vindue til at blive placeret lige til højre for min "Sidebar1" ...
Avatar billede notes2c Nybegynder
08. september 2006 - 14:05 #13
Eksempelvis. Eller du kan benytte float på de elementer som skal stå ved siden af hinanden.
Avatar billede reginho Nybegynder
08. september 2006 - 14:10 #14
Så jeg angiver i min CSS at der skal bruges float på min "Main" f.eks for at placere den til højre for min "Sidebar1"?

Har lige uploadet det til denne adresse: http://www.regin.dk/ny/

notes2c: du har vist gjort dig fortjent til at point. Vil du ikke lige smide et svar, så overfører jeg point. Tak for hjælpen: også til jer, tofferman og jens.
Avatar billede notes2c Nybegynder
08. september 2006 - 14:14 #15
Og husk <div style="clear: both;"></div>. når float skal brydes.
Avatar billede reginho Nybegynder
08. september 2006 - 14:18 #16
Kanon. Virkelig en hjælp jeg kunne bruge. Fik en aha oplevelse. Takker for hjælpen.
Avatar billede notes2c Nybegynder
08. september 2006 - 14:28 #17
10-4, og god arbejdslyst...
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