Avatar billede daywalker123 Nybegynder
14. februar 2007 - 00:44 Der er 4 kommentarer og
1 løsning

Nyt Layout

Hej

Jeg er ved at "redesigne" www.bevola.dk

Jeg vil til at køre siden i ASP.NET og har samtidig valgt at kigge på html'en og css'en samtidig da den ikke er helt god :).

Er nu kommet frem til dette:
www.dhdot.net
css fil:
www.dhdot.net/stylesheet.css

Har et par spørgsmål:
- Er css'en iorden?
- Hvordan får jeg centreret det hele ligesom på bevola.dk?
- Forbedringer/forslag til layoutet?

Tak
Avatar billede notes2c Nybegynder
14. februar 2007 - 09:59 #1
Nu er din #header, #Wrapper, #Footer jo ikke lige bredde, det skal de vel være eller hvad. For at kunne centrere skal det omkransende element have en fast størrelse. og Header, Wrapper og Footer har kun formen som omkransende element. Så du kan vælge at bruge formen til at centrere med, ved at skrive:

#form1 {
width: 905px;
margin: 0 auto;
}

Eller skal du vælge at omkranse Header, Wrapper og Footer af endnu en div.

.center {
width: 905px;
margin: 0 auto;
}

<div class="center">
  <div id="Header">...</div>
  <div id="Wrapper">...</div>
  <div id="Footer">...</div>
</div>
Avatar billede daywalker123 Nybegynder
14. februar 2007 - 12:16 #2
Det ville vel være mest korrekt at fortsætte CSS stilen og bruge en div mere?
Avatar billede notes2c Nybegynder
14. februar 2007 - 12:21 #3
Det synes jeg...
Avatar billede daywalker123 Nybegynder
14. februar 2007 - 12:53 #4
Nyt lille problem:
www.dhdot.net
div'en helt ude til højre kan jeg ikke få til at holde farven når man scroller ned.

Altså, den mørke grå forsvinder når man scroller fordi jeg kun kan sætte højden til 400px da div'en ellers er for høj. Hvis jeg sætter højden til 100% følger den bare indholdet.

Hvordan klarer jeg den?
Avatar billede notes2c Nybegynder
14. februar 2007 - 17:33 #5
Få først mulighed for at kigge på det i morgen. Men er din #header, #Wrapper, #Footer jo ikke lige bredde. Og husk at border skal lægges til i bredden.
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