Der folgende Beitrag wurde am 29. 05. 2007, 15:48 Uhr von Tirabard veröffentlicht.
Hallo
Ich verzweifle langsam hoffe einer kann mir sagen wo mein Fehler liegt.
Ich versuche eine Seite immer in der Mitte zu halten, aber sobald ich den Div content einfüge hobst die ganze Seite mit einem kleinen Abstand nach recht. Denke ich habe da wo ein denkfehler drin da ich gerade erst angefangen haben mit div und css.
wäre super wen einer eine Lösung wüste
meine aufgabe ist einfach
1.die komplette page immer in der mitte zu halten mit einer festen grösse die linke und die rechte Seite also dynamisch
2. Head bereich ist immer fest
3. eine navi und einen hauptbereich.(egal wie) :)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/Strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<head>
<style type="text/css"">
html {height:100%;}
body {
height:100%;
margin:0%;
padding:0%;
background-color: #104f85;
}
#box {
margin:0% 3%;
padding:0% 0%;
width:880px;
height:100%;
border-left:1px solid #eee;
border-right:1px solid #eee;
background-color:#fffad1
}
}
div#navi {
float:left;
width: 150px;
}
div#content {
float:left;
font-family:Arial, Helvetica, sans-serif;
color:#0000FF;
font-size:12px;
width:695px;
padding-left: 20px;
}
a {
color:#e3e4e6;
}
a.navitem {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#104f85;
font-weight:bold;
height:20px;
border-style:solid;
border:1pt;
border-color:#ffffff;
display:block;
background:#e3e4e6;
text-decoration:none;
background-image: none;
padding-left: 10px;
padding-right: 0px;
}
a.navitem:hover {
text-decoration:underline;
background:#e3e4e6;
}
a.subnav {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#104f85;
padding-left: 0px;
padding-right: 0px;
text-decoration:none;
height:20px;
/* width:80px; */
display:block;
background:#e3e4e6;
padding-left:10px;
}
a.subnav:hover {
background:#e3e4e6;
text-decoration:underline;
color:#104f85;
}
</style>
<title</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /></head>
<body>
<div id="box">
<table width="100%" cellspacing="0" cellpadding="0" bgcolor="#e3e4e6">
<tr>
<th width="34%" scope="col" ><div align="left"><img src="images/logo.jpg" alt="" width="300" height="95" /></div></th>
<th width="32%" scope="col"> </th>
<th width="19%" scope="col"><img src="images/bild-mensch.jpg" alt="" width="109" height="90" /></th>
<th width="15%" scope="col"><div align="left"><img src="images/bild-mensch1.jpg" alt="" width="109" height="90" /></div></th>
</tr>
</table>
<br />
<div id="navi">
<!-- Beginn PHP Navigation -->
<a class="navitem" href="?nav=1">News</a>
<?php
div>
<!-- Content Bereich-->
<div class="content" id="content" >
<table width="100%" border="2" cellspacing="0" cellpadding="0">
</table>
</div>
</div>
</body>
</html>
Der folgende Beitrag wurde am 29. 05. 2007, 16:06 Uhr von kungschu veröffentlicht.
Hallo.
Vielleicht helfen dir diese Seiten weiter:
> 1.die komplette page immer in der mitte zu halten mit einer festen grösse die linke und die rechte Seite also dynamisch
http://de.selfhtml.org/navigation/faq.htm#mittig_zentrierte_inhalte
> 2. Head bereich ist immer fest
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position
> 3. eine navi und einen hauptbereich.(egal wie) :)
http://de.selfhtml.org/css/layouts/mehrspaltige.htm#zweispaltig
MfG, Kungschu.
Der folgende Beitrag wurde am 29. 05. 2007, 16:22 Uhr von Gunnar Bittersmann veröffentlicht.
Hello out there!
Bevor du dich über falsche Darstellung wunderst, solltest du deinen HTML-Quelltext von sämtlichen Fehlern befreien. Ein Validator hilft dabei. [http://validator.w3.org/]
Danach prüfe dein CSS. Ein Validator hilft dabei. [http://jigsaw.w3.org/css-validator/]
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
> "http://www.w3.org/TR/xhtml1/DTD/Strict.dtd">
Der system identifier ist falsch, es muss für XHTML 1.0 Strict "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" heißen. [SELFHTML: DOCTYPE] Bin mir grad nicht ganz sicher, aber der Fehler könnte dazu führen, das Browser in den Quirks-Modus wechseln.
> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
Hier solltest du zusätzlich 'lang="de"' angeben. [SELFHTML: XHTML-HTML: lang, HTML-TECH-LANG: Best Practice 4]
> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
Du bist dir der Unterschiede zwischen XHTML und HTML bei leeren Elementen [SELFHTML: XHTML-HTML: Leere Elemente] bewusst?
> #box {
> margin:0% 3%;
> padding:0% 0%;
> width:880px;
> height:100%;
> border-left:1px solid #eee;
> border-right:1px solid #eee;
> background-color:#fffad1
> }
>
>
> }
Wo geht diese Klammer auf?
> <title</title>
Copy and paste error??
> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
Doppelt hält besser?
> <table width="100%" cellspacing="0" cellpadding="0" bgcolor="#e3e4e6">
> <tr>
> <th width="34%" scope="col" ><div align="left"><img src="images/logo.jpg" alt="" width="300" height="95" /></div></th>
> <th width="32%" scope="col"> </th>
Tabelle zum Layouten?? Und die missbilligten Attribute zur Darstellung sind falsch; du willst ja XHTML 1.0 _Strict_ schreiben. Und das ist auch gut so.[tm]
Nutze CSS für _sämtliche_ Darstellungsangaben.
> <?php
> div>
??
> <table width="100%" border="2" cellspacing="0" cellpadding="0">
>
> </table>
Da fehlt wohl was.
See ya up the road,
Gunnar
--
„Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4