22. december 2006 - 17:23Der er
18 kommentarer og 1 løsning
et design i center?
Hvordan kan jeg få mit design til at være i center på min skærm? Jeg er ny, og er lige gået i gang med at lære php, så håber i kan hjælpe mig nu og fremover :)
den koder virker nok i visse browsere, men den er udgået og er derfor ikke valid :-)
Ville hellere bruge margin: 25% auto;
udover det ville jeg lige oplyse spørger om at PHP ikke har noget med strukturen af elementer at gøre ;-) PHP er et dynamisk sprog til at lave systemer som fx en gæstebog eller et forum. Det du er ude i er HTML og evt. CSS.
ja, ved at angive align: center; enten via css eller html i <td> istedet for <table> præcis som du har gjort..
vær opmærksom på at text-align: center; kun virker på alle elementer i IE! Det er en fejl. Den centrere jo også tabeler, billeder og andre elementer istedet for kun tekst. I FF gør den ikke sådan, der skal du bruge align: center; som virker i alle browsere
Du skal selvfølgelig lige justere width og margin-left efter bredden på dit eget design :) Du kan så sætte #wrapper som id på den <div> som "wrapper" hele dit design - altså <div id="wrapper">...indhold her...</div>. Jeg ved ikke om dette også virker, hvis du bruger tables til layout (i så fald: fy! ;P), men prøv
<html> <head> <title>test</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- /* Det her er et "in doc." css, det ville være bedre hvis du brugte et externe css doc hvis du har flere sider! */ body { text-align:center; background-color: #FFFFFF; /* Baggrunds farven */ margin: 0; /* Her har jeg sat alle margins til at være 0px */ } #content { width: 400px; height:400px; margin-left:auto; margin-right:auto; text-align:left; /* Her sørger vi for at teksen i div'en content er højrestillet */ background-color:#ECECEC; } --> </style> </head> <body>
En hurtig løsning hvis du vil undgå .css i første hug.. -------------- <table height="100%" width="100%"> <center><tr> <td align="center" valign="middle">Dit indhold her<td> </tr></center> </table> -------------- <center> er centerings tag'et, men den lette måde at lave det på.. 100 % HTML
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.