"Jens Gyldenkærne Clausen" <jens@gyros.invalid> skrev i en meddelelse
news:Xns9636DEBFC7E68jcdmfdk@gyrosmod.cybercity.dk...
> Christoffer skrev:
>
>> Hej, jeg har uploadet min midlertidige side på
>>
http://www.dkmother.frac.dk/site/vis.php
>
> Start med at validere den - der er en del fejl i html-koden og en
> enkelt fejl i css-koden. Se mere om validering her:
> <
http://www.html-faq.dk/1005.asp> - og her
> <
http://diveintomark.org/archives/2003/05/05/why_we_wont_help_you>.
Har rodet med HTML'en for troede fejlen lå deri validerer den ellers hver
dag.
Ang. css'en står fejlen længede nede...
>> Som i også kan se i kildekoden har jeg forsøgt mig med
>> <style type="text/css">
>> @import url(/site/basic.css);
>> </style>
>> for at inkludere mit css-stylesheet, men det ser ikke ud til
>> at det bliver læst?
>
> Jo - det gør det. Uden css ser din side rimelig fornuftig ud. Med
> css står alle elementerne i venstre spalte oven i hinanden.
>
> I din css-fil har du defineret position: absolute; for en masse
> elementer - men uden at definere den position (top, left, bottom,
> right) de skal have. Samtidig angiver du både position og float på
> mange elementer - de to ting kan ikke bruges sammen.
? Det giver ikke så meget mening, altså ikke hvad du skriver, men hvad der
står i css'en.
Den css som ligger på serveren er en gammel css som jeg slettede for en uge
siden, og erstattede med en ny...
Har prøvet at uploade css'en igen, men den viser stadig den gamle?
min nye:
body {
margin:0px;
background: #2D2D2D;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
cursor:default;
padding: 10px;
text-align:center;
}
td{
padding: 0;
}
table {
border-collapse: collapse;
}
#venstre {
float: left;
width: 160px;
background: #2D2D2D;
}
#login {
width: 150px;
padding: 5px;
}
#nav {
width: 150px;
padding: 5px;
}
#download {
width: 150px;
padding: 5px;
}
#content {
background: #2D2D2D;
padding: 5px;
border:1px solid #000;
}
#right{
float: right;
width:160px;
background:#2D2D2D;
}
#banner {
background: #2D2D2D;
height: 145px;
text-align: center;
clear: both;
}
/* footer */
#footer {
clear:both;
width: 100%;
margin-left: auto;
margin-right: auto;
background-color: #333333;
}
..border {
border-left-width: 1px;'
border-left-style: solid;
border-left-color: black;
border-right-width: 1px;'
border-right-style: solid;
border-right-color: black;
}