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
Du skal som Martin siger smide en div om det hele, CSSen til den div skal så se sådan her ud
Fold kodeboks ind/udKode 


Så bliver det centreret.



så jeg smider den her ind i min css fil
.outcenter {
margin: 0 auto;
}

og så skriver jeg
<div id="outcenter">
mit indhold

</div>
?



jaa jeg tænkte lige wtf?
men hvis jeg nu bare skriver
#center {
align: center;
}
og så skriver <div id="center">
</div> som rasmus siger vil det så virke?

og til simon.. det virker ik .. eller jeg kan ik få det til at virke



Indlæg senest redigeret d. 02.04.2007 17:03 af Bruger #11606
Nej, text-align centrere kun tekst, ikke dine divs.







ska jeg bruge position: fixed ? eller hva mener du johnny

steffen.. det rykkede sig :D men menu'en og indhold's boxen blev helt mærkelig :S måske jeg kan få en af jers msn det er lidt nemmere :)



ups



Indlæg senest redigeret d. 02.04.2007 21:32 af Bruger #6528
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.


Haha..

Nå, men hvis det absolut skal være i css ville jeg prøve noget ala

Fold kodeboks ind/udKode 


Jeg har ikke testet det, og jeg er ikke sikker på om det er den letteste måde at gøre det på.

Ellers kan du som en sidste udvej bruge <center>-tagget..



<< < 12 > >>
t