få designet sat til center

Tags:    html css

<< < 12 > >>
Hej jeg kan ikke få mit design ind på midten.. nogen der ved hvordan ? har prøvet alt muligt men kan ikke få den til det

index.html
<----------------------
<html>
<head>
<title>jb_ny</title>
<link rel="stylesheet" href="css.css" type="text/css">
</head>
<body>
<div id="Table_01">
<div id="index-01">
<img src="images/index_01.gif" width="800" height="169" alt=""> </div>
<div id="index-02">
<img src="images/index_02.gif" width="56" height="431" alt=""> </div>
<div id="index-03">
<img src="images/index_03.gif" width="124" height="363" alt=""> </div>
<div id="index-04">
<img src="images/index_04.gif" width="9" height="431" alt=""> </div>
<div id="index-05">
<img src="images/index_05.gif" width="552" height="363" alt=""> </div>
<div id="index-06">
<img src="images/index_06.gif" width="59" height="431" alt=""> </div>
<div id="index-07">
<img src="images/index_07.gif" width="124" height="68" alt=""> </div>
<div id="index-08">
<img src="images/index_08.gif" width="552" height="68" alt=""> </div>
</div>
</body>
</html>
-------------------------->

CSS.CSS
<--------------------------
#Table_01 {
position:absolute;
left:0px;
top:0px;
width:800px;
height:600px;
font-size: 12px;
background-color: #E0E0E0;
font-family: Arial, Helvetica, sans-serif;
}

#index-01 {
position:absolute;
left:0px;
top:0px;
width:800px;
height:169px;
}

#index-02 {
position:absolute;
left:0px;
top:169px;
width:56px;
height:431px;
}

#index-03 {
position:absolute;
left:56px;
top:169px;
width:124px;
height:363px;
}

#index-04 {
position:absolute;
left:180px;
top:169px;
width:9px;
height:431px;
}

#index-05 {
position:absolute;
left:189px;
top:169px;
width:552px;
height:363px;
}

#index-06 {
position:absolute;
left:741px;
top:169px;
width:59px;
height:431px;
}

#index-07 {
position:absolute;
left:56px;
top:532px;
width:124px;
height:68px;
}

#index-08 {
position:absolute;
left:189px;
top:532px;
width:552px;
height:68px;
}
-------------------------->

hvis jeg sætter position til center så blir designet et mærkeligt.. hvis jeg sletter position og skriver <body <center> inde i index.html så blir designet os mærkeligt.. og hvis jeg skriver <div align="center" </div> så gør designet os mærkeligt.. nogen der ved hva man kan gøre ?



18 svar postet i denne tråd vises herunder
6 indlæg har modtaget i alt 6 karma
Sorter efter stemmer Sorter efter dato
omg, hvor er det simpelt.

Lav en div rundt om det hele:
Fold kodeboks ind/udKode 


Og i din css smider du dette ind:
Fold kodeboks ind/udKode 




omg, hvor er det simpelt.

Lav en div rundt om det hele:
Fold kodeboks ind/udKode 


Og i din css smider du dette ind:
Fold kodeboks ind/udKode 


Vis det er så nemt så er det bare underligt at du ikke kan finde ud af det. text-align centrere kun tekst, ikke hans diver. Du skal vide hvad du snakker om, og ikke sige at noget er simpelt vis du ikke selv kan finde ud af det!. . Tumpe.



Kan noget af det her mon bruges
http://www.andybudd.com/archives/2004/02/css_crib_sheet_3_centering_a_div/index.php
http://www.maxdesign.com.au/presentation/center/
http://www.jakpsatweb.cz/css/css-vertical-center-solution.html


?



jeg går ud fra dit design er 800px bredt. du kan gøre det sådan her:

Fold kodeboks ind/udKode 


Og i din css noget i stil med det her:
Fold kodeboks ind/udKode 


Har ikke testet det, men mener det kan løses sådan.



Du kan ikke centrere det hele såden uden videre..

Du har valgt at give alle dine dele en fast position. Dvs. at lige meget hvordan og hvor ledes browserens størrelse er, så vil dit design ligge en bestemt afstand fra øverste venstre hjørne.

Jeg er ked af at sige det, men tror du skal vælge ikke at bruge position: fixed hvis du vil have det centreret.

M.v.h. Johnny Rasmussen :D



prøv at i dine divs at skrive
style="position: absolute; left: 50%;"



Indlæg senest redigeret d. 10.04.2007 16:59 af Bruger #11596
Nu er jeg ikke den store CSS/HTML nørd (mange år siden jeg har sat med det imellem hænderne) men er det ikke bare at smide en <div></div> omkring alt det du vil have centreret også lave en tilsvarende CSS kode til den den?



hva ska jeg skrive i css koden så ?

#center {
position: center;
} ?



Jeg kan huske at jeg plejede at bruge denne simple tutorial som refference,http://www.html.dk/tutorials/css/ Men der er nok en nemmere måde at gøre det på.




har kigget .. synes ik rigtig det hjalp mig



<< < 12 > >>
t