Avatar billede goose Nybegynder
03. april 2004 - 15:18 Der er 2 kommentarer og
1 løsning

Hjælp til CSS opbygning

Jeg er ved at lave en opbygning vha. css, men er redt i en i et
problem.
Jeg vil gerne have en afslutnig på siden i form af en rød streg som
altid er nederst, men hvis min tekst er meget lang, så bliver min
afslutningsstreng placeret midt i teksten og det ser forfærdigt ud :o)
Se her: www.goose.dk/css

Min css ser sådan her ud:

body{
color:#9E0B0E;
font-family:'Verdana','Tahoma','Arial',sans-serif;
font-size:12px;
background-color:#F0F0F0;
margin:0px;
padding:0px;
text-align:center;
height:100%;
}

.layout{
background-color:#F8F7E6;
width:780px;
height:100%;
margin-top:0px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
text-align:left;
padding:0px;
border:solid 1px #9E0B0E;
position:relative;
}


.top{
position:absolute;
top:0px;
left:0px;
height:63px;
width:100%;
}

.foto{
position:absolute;
top:63px;
left:0px;
height:210px;
width:290px;
}

.bundfoto{
position:absolute;
background-color:#9E0B0E;
top:274px;
left:0px;
height:5px;
width:289px;
font-size:1px;
}


.redmenu{
position:absolute;
background-color:#9E0B0E;
top:63px;
left:290px;
height:210px;
width:489px;
}

.bund{
position:absolute;
bottom:0px;
left:0px;
height:15px;
width:100%;
background-color:#9E0B0E;
font-size:10px;
color:#F8F7E6;
text-align:right;
margin-right:5px;
}


.indhold{
position:absolute;
padding:10px;
top:280px;
left:0px;
background:transparent;
}

H1{
font-family:'Tahoma','Verdana','Arial',sans-serif;
font-size:16px;
font-weight:bold;
letter-spacing:1px;
margin-left:0px;
margin-bottom:10px;
}

P{
margin:0px;
}

table {
font-family:'Verdana','Tahoma','Arial',sans-serif;
font-size:12px;
border-collapse:collapse;
}

/Goose
Avatar billede limemedia Nybegynder
03. april 2004 - 15:34 #1
Prøv at fjerne din
.bundfoto{
position:absolute;
background-color:#9E0B0E;
top:274px;
left:0px;
height:5px;
width:289px;
font-size:1px;
}

.bund{
position:absolute;
bottom:0px;
left:0px;
height:15px;
width:100%;
background-color:#9E0B0E;
font-size:10px;
color:#F8F7E6;
text-align:right;
margin-right:5px;
}

og ret
.indhold{
position:absolute;
padding:10px;
top:280px;
left:0px;
background:transparent;
}

til
.indhold{
position:absolute;
padding:10px;
top:280px;
left:0px;
background:transparent;
border-bottom: 5px solid #9E0B0E;
}
Avatar billede goose Nybegynder
03. april 2004 - 15:48 #2
Dur ikke hvis jeg vil indsætte noget adresseinfo i den nederste røde ramme (.bund)

/Goose
Avatar billede goose Nybegynder
03. april 2004 - 19:44 #3
Jeg går tilbage til mine gode gamle tabeller, det ved man da hvad er, så jeg lukker igen.

/Goose
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