• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

zentrierte seite - beste variante?

F

frogge

New member
was ist den nun eigentlich die beste (schnellste, kompatibelste, sauberste) variante eine seite zu zentrieren...?

php
frame
table
js
....
???
 
zensieren - zentrieren lol, erinnert mich an folgenden satz:"willst du mich etwa produzieren?"

zu deiner frage:

mit php kenn ich mich ned aus,
frames sind uncool,
table - find ich für ne gute idee
js - hm.. siehe frames :D [edit ups, ich mein php lol, ned böse sein]

also ich mache eigentlich alles mit tables. wenn links und recht ein rand bleiben soll werden 3 spalten gemacht, prozenzbreiten und in der mittleren spalte der inhalt. schon ist der inhalt zentriert. kommt aber ganz auf das allgemeine aussehen an. hier mal ein beispiel:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="language" content="de" />
<meta name="author" content="[-_-]" />
<meta name="description" content="test" />
<meta name="keywords" content="test" />
<meta name="robots" content="index" />
<meta name="revisit-after" content="14 days" />
<meta name="robots" content="follow" />


<style type="text/css">
body { color:#FFFFFF;font-family:verdana;font-size:10px;background-color:#EBEEF7;}
td { color:#505050;font-family:arial;font-size:10.4px;}
h1 {font-family: verdana;color:#000000;}
a {font-family: verdana; text-decoration: none;}
a:link {color:#808080;}
a:visited {color:#0000F7;}
a:active {color:#0000F7;}
a:hover {color:#FF4000;}
</style>
</head>

<body style="margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; text-align:center;">

<table style="width:100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="width:10%"> </td>
<td style="width:80%">
<h1 style="text-align:center; background-color:#808080;">Test!</h1>
</td>
<td style="width:10%"> </td>
</tr>
<tr>
<td style="width:10%"> </td>
<td style="width:80%">
<h1 style="text-align:left">
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
</h1>
</td>
<td style="width:10%"> </td>
</tr>
</table>

</body>
</html>
Zum Vergrößern anklicken....

verbessert mich ruhig, bin css anfänger :D der code ist aber validat, css wie xhtml.


gruß ReCeD
 
Code: 
<body style="height:100%">
<table width=100% height=100% align=center>

<td align=center>
<table width=650 align=center border=1>
<td height=450> </td>
</table>

</td>
</table>
</body>
 
das mit

<table height=100%...>

klappt irgendwie beim NS nicht - der unterstützt dieses attribut nicht !?
 
oder du nimmst frames :D
(aua, nich hauen)

damit geht es doch eigentlich ganz gut -

Code: 
<frameset rows = "*,600,*">
  <frame src='LEERE SEITE'>
  <frameset cols="*,800,*">
    <frame src='LEERE SEITE'>
    <frame src='DEINE SEITE'
    <frame src='LEERE SEITE'>
  </frameset>
  <frame src='LEERE SEITE'>
</frameset>
 
also meine Methode funktioniert mit:
  • Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.4) Gecko/20030624
  • Mozilla/4.73 [de]C-CCK-MCD DT (Windows NT 5.0; U)_____[Netscape 4.73]
  • Mozilla/4.0 (compatible; MSIE 5.01; Windows NT 5.0)
  • Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0) Opera 7.11 [en]
 
ja und meine variante geht in allen browsern, man beachte auch die css eigenschaft im body. ich hab das bis jetzt etlächen browsern so getestet und alles ohne probleme...
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben