hi!
danke!
bei mir geht es mit dem "satz" von terry, aber es geht bei mir auch so:
(ich verwende ie6)HTML-Code:<html> <head> <title>Hausmaster</title> <style type="text/css"> BODY {margin-left:0; margin-right:0; margin-top:0;text-align:center;} </style> </head> <body scroll="auto" bgcolor="#ffffff" topmargin="0" leftmargin="0"> <div style="position:relative; width:650px; height:650px; margin-top:20px; margin-left:auto; margin-right:auto;"> <div style="position:absolute; top:0px; left:0px; width:650px; height:650px;"><img src="index_files/12.jpg" width="650" height="650" border="0"></div> <div style="position:absolute; top:227px; left:33px; width: 359px; height: 371px;"><iframe src="index_files/796.htm" width="359" height="371" frameborder="0" name="Shoutbox.biz">Shoutbox</iframe></div></div> </body> </html>
und in jedem div wo textsteht, was meinst du damit? ein normales textfeld?
und wo soll ich dann beim "text-div" text-align:left; einfügen?
danke!
deviantart.com
"Das schwächere Geschlecht ist das stärkere wegen der Schwäche des stärkeren für das schwächere." - Greta Garbo
Warum nicht einfach den Trick mit dem negativen margin verwenden?
<body>
### Der folgende Container "umschließt" alles:
<div style="position: absolute; left: 50%; margin-left: -250px; width: 500px;">
Hier kommt dann der Inhalt ....
</div>
</body>
oder allgemeiner:
<div style="position: absolute; left: 50%; margin-left: -(X/2)px; width: Xpx;">
Das Gleiche funktioniert auch horizontal (top : 50% ...)
Oder hab ich jetzt das Problem falsch verstanden?
Aargh - jetzt setzt ihm doch nicht noch mehr Flöhe in den Kopf. der Trick hat definitiv den Nachteil, dass bei kleinem Monitor Teile einfach abgeschnitten werden - und bei einer Containerhöhe von 650px ist das schon bei einer Auflösung von 1024x768px der Fall, wenn man da noch die Höhe zentrieren will....
Grüße, Terry
Du sagst es, Terry!Diese Lösung hat leider wirklich diesen sehr großen Nachteil, davon rate ich auch ab.
Außerdem hab ich keine Lust jetzt diese Variante wieder Tage durchzukauen.
@hausmaster: das text-align:left; musst du natürlich noch zum jeweiligen Style dazuschreiben... Aber halt nur dort, wo nachher auch mal Text stehen wird. Im IFrame-DIV brauchst es nicht, denn der IFrame ladet sowieso eine fremde Seite, die nicht auf dein CSS reagiert.
+lg Nightline
-------------------------
Fotoportfolio: http://www.coeser.de/showcase/
Städte-Fotos aus aller Welt: http://www.coeser.de/impressions/
DeviantArt-Account: http://nightline.deviantart.com
verstanden
-danke!
deviantart.com
"Das schwächere Geschlecht ist das stärkere wegen der Schwäche des stärkeren für das schwächere." - Greta Garbo
Hallo Zusammen,
ich versuche gerade eine eigene Homepage zu erstellen und scheitere schon am Anfang. Ich habe gar keine Ahnung von Css...
Ich möchte auch die ganze HP zentriert ausrichten, dass sie bei jeder Auflösung mittig ist.
Oben soll eine Grafik rein darunter links Navi und rechts daneben Text.
Nun habe ich das mit den Divs so wie hier probiert und 2 Probleme.
1) Der Internet Explorer stellt Navigationsbox und Text oben abschließend auf einer Höhe da, aber Opera nicht..
2) hätte die Navigation gerne ganz links, dass sie mit der Grafik abschließt?!?!
Ich verzweifel.. und ich blicke schon selber nicht mehr durch bei dem ganzen Gewuselvielleicht kann mit jmd. helfen?!
Ich hänge mal alles an...css html und Bild...
Lg
Hier die externe css Datei:
body {
text-align: center; /* Zentrierung IE */
;
}
#seitenbereich {
text-align:left;
margin: 0 auto;
width: 900px;
background-color:white;
position:relative; height:800px;
margin-top:50px; margin-left:auto; margin-right:auto;
}
#kopfzeile {
background-image:url(bilder/bunte.gif);
background-repeat:no-repeat;
width:900px;
height: 252px;
}
#inhalte {
background-color:transparent;
font-family: Arial, Times New Roman;
font-size:22px;
color: black;
font-weight:bold;
position:absolute; top:230px; left:300px;
text-align:left;
}
#navi {
float:left;
width:200px;
text-align:left;
position:absolute;
top:230px; left:0px;
}
#navi ul {
list-style:none; /* keine Aufzählungspunkte */
}
#navi li {
background-color:#000000;
border-left:2px #669966 solid;
border-bottom:1px white solid;
padding-top:8px;
padding-bottom:8px;
padding-left:8px;
padding-right:8px; }
#navi a:link {
font-family: Arial, Times New Roman;
font-size:22px;
color: white;
font-weight:bold;
text-decoration:none; }
#navi a:visited
{
font-family: Arial, Times New Roman;
font-size:22px;
font-weight:bold;
color:#993333;
text-decoration:none; }
#navi a:focus
{ font-family: Arial, Times New Roman;
font-size:22px;
font-weight:bold;
color:#669966;
text-decoration:none; }
#navi a:hover
{
font-family: Arial, Times New Roman;
font-size:22px;
font-weight:bold;
color:#669966;
text-decoration:none; }
#navi a:active
{
font-family: Arial, Times New Roman;
font-size:22px;
font-weight:bold;
colorrange;
text-decoration:none; }
und hier mein HTML Text:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Heilpraktikerin</title>
<meta name="keywords" content="">
<meta name="author" content="">
<meta name="editor" content="html-editor phase 5">
<style type="text/css" media="screen">
<!--
.testclass {}
-->
</style>
<link rel="stylesheet" type="text/css" href="format.css">
</head>
<body>
<div id="seitenbereich">
<div id="kopfzeile"></div>
<div id="navi">
<ul>
<li><a href="index.html" target="_parent">Startseite</a></li>
<li><a href="coach.html" target="_parent">Coaching</a></li>
<li><a href="" target="_parent">Phyto</a></li>
<li><a href="" target="_parent">Kontakt</a></li>
<li><a href="impressum.html" target="_parent">Impressum</a></li>
</ul>
</div>
<div id="inhalte">
fghfghfghfghfghfghfgh<br>
fghfghfghfgh fghfghfgh asdfgadfgadfgadfgadfgadfgadfgadfg
adfgadfgadfgadfgadfg
adfgadfgadfgadfg
adfgadfgadfgadfg
adfgadfgadfg
adfgadfgadfgdafg
</div>
</table>
</div>
</body>
</html>
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
LinkBack URL
About LinkBacks
Zitieren