nicht angemeldet
HTML Seite immer zentrieren unabhängig von Browereinstellung
Hallo zusammen,
ich bin neu hier im forum und hoffe jemand kann mir einen tip geben.
ich habe ein hp gemacht und alle bilder und inhalte absolut positioniert.
dies hp habe ich für eine auflösung von 1024x768 optimiert.
jetzt gefällt mir aber doch nicht das wenn jemand einen großen bildschirm hat
alles rechtsbündig ist. mir wäre doch lieber wenn sich die seite dann immer im
browserfenster mittig zentriert.
gibts da vielleicht ne "einfache" möglichkeit dies hinzubekommen
ohne das ich die ganzen seiten komplett neu programmieren muß?
habe gehört man kann frames einfügen, die wären aber nicht mehr zeitgemäß oder auch von irgendwelchen css div containern. da kenne ich mich aber überhaupt nicht aus. deswegen dachte ich mir das es vielleicht einen html befehl gibt derlinks und rechts einen frame anfügt der dann immer mitwandert sodas der inhalt meiner seite immer mittig vom browser ist.
das ist der code zu meiner seite.
wäre super wenn mir jemand einen tip geben könnte.
danke schonmal im voraus.
<html>
<head>
<meta http-equiv="Content-Language" content="de">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>...</title>
<meta name="Microsoft Border" content="none, default">
</head>
<body style="margin:0; padding:0; background-color:#FFCC66;">
<script type="text/javascript" src="query.min.js"></script>
<script type="text/javascript" src="fadeslideshow.js">
/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>
<script type="text/javascript">
var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [361, 285], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["images/show_1.jpg"],
["images/show_14.jpg"],
["images/show_4.jpg"],
["images/show_8.jpg"] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 1500, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: ""
})
</script>
<div id="fadeshow1" style="position: absolute; top: 274px; left: 574px;"></div>
<br />
<p>
<img style="position: absolute; top:0px; left:15px;" src="images/bildobenneu1.jpg" width="971" height="157"> <br>
<img style="position: absolute; top:157px; left:15px;" src="images/bildobenneu2.jpg" width="20" height="31"> <br>
<a href="home.htm"><img style="position: absolute; top:157px; left:35px;" src="images/SLhomeneu.jpg" width="80" height="31" alt="" border="0" onmouseover="src='images/SLhomeneu1.jpg'" onmouseout="src='images/SLhomeneu.jpg'"></a>
<a href="aussen.htm"><img style="position: absolute; top:157px; left:115px;" src="images/SLaussenneu.jpg" width="103" height="31" alt="" border="0" onmouseover="src='images/SLaussenneu1.jpg'" onmouseout="src='images/SLaussenneu.jpg'"></a>
<a href="innen.htm"><img style="position: absolute; top:157px; left:218px;" src="images/SLinnenneu.jpg" width="86" height="31" alt="" border="0" onmouseover="src='images/SLinnenneu1.jpg'" onmouseout="src='images/SLinnenneu.jpg'"></a>
<a href="ausstattung.htm"><img style="position: absolute; top:157px; left:304px;" src="images/SLausstattungneu.jpg" width="154" height="31" alt="" border="0" onmouseover="src='images/SLausstattungneu1.jpg'" onmouseout="src='images/SLausstattungneu.jpg'"></a>
<a href="preis.htm"><img style="position: absolute; top:157px; left:458px;" src="images/SLpreisbelegungneu.jpg" width="185" height="31" alt="" border="0" onmouseover="src='images/SLpreisbelegungneu1.jpg'" onmouseout="src='images/SLpreisbelegungneu.jpg'"></a>
<a href="kontakt.htm"><img style="position: absolute; top:157px; left:643px;" src="images/SLkontaktneu.jpg" width="117" height="31" alt="" border="0" onmouseover="src='images/SLkontaktneu1.jpg'" onmouseout="src='images/SLkontaktneu.jpg'"></a>
<a href="sonstiges.htm"><img style="position: absolute; top:157px; left:760px;" src="images/SLsonstigesneu.jpg" width="122" height="31" alt="" border="0" onmouseover="src='images/SLsonstigesneu1.jpg'" onmouseout="src='images/SLsonstigesneu.jpg'"></a>
<a href="agbs.htm"><img style="position: absolute; top:157px; left:882px;" src="images/SLagbsneu.jpg" width="85" height="31" alt="" border="0" onmouseover="src='images/SLagbsneu1.jpg'" onmouseout="src='images/SLagbsneu.jpg'"></a>
<img style="position: absolute; top:157px; left:967px;" src="images/bildobenneu3.jpg" width="19" height="31"> <br>
<img style="position: absolute; top:188px; left:15px;" src="images/bildobenneu4.jpg" width="971" height="10"> <br>
<img style="position: absolute; top:210px; left:930px;" src="images/homeshowframe1.jpg" width="51" height="57"> <br>
<img style="position: absolute; top:267px; left:556px;" src="images/homeshowframe2.jpg" width="425" height="7"> <br>
<img style="position: absolute; top:274px; left:935px;" src="images/homeshowframe3.jpg" width="46" height="330"> <br>
<img style="position: absolute; top:559px; left:154px;" src="images/homeshowframe4.jpg" width="781" height="45"> <br>
<img style="position: absolute; top:274px; left:569px;" src="images/homeshowframe5.jpg" width="6" height="285"> <br>
<p align="left"><img style="position: absolute; top:240px; left:40px;" src="images/Inhalt%20Home.png" width="508" height="297">
</body>
</html>
-
Hallo!
Lerne richtiges CSS und schreibe semantischen Code, statt nur Elemente mit absoluter Positionierung innerhalb von inline-Styles beliebig auf die Seite zu klatschen. Hier übrigens ein Lösungsansatz für Dein Problem:
<style type="text/css"> body { position: relative; max-width: 1024px; margin: 0 auto; } </style>in den head und Dein Problem sollte (außer im IE6, aber man kann eben nicht allen helfen) erledigt sein.
Gruß, LX
--
RFC 1925, Satz 2: Egal, wie fest man schiebt, ganz gleich, wie hoch die Priorität ist, man kann die Lichtgeschwindigkeit nicht erhöhen.-
Hallo!
Lerne richtiges CSS und schreibe semantischen Code, statt nur Elemente mit absoluter Positionierung innerhalb von inline-Styles beliebig auf die Seite zu klatschen. Hier übrigens ein Lösungsansatz für Dein Problem:
<style type="text/css">
body { position: relative; max-width: 1024px; margin: 0 auto; }
</style>> > in den head und Dein Problem sollte (außer im IE6, aber man kann eben nicht allen helfen) erledigt sein. > > Gruß, LX Hallo LX, vielen Dank für Deinen Tip. werde ich gleich mal ausprobieren. Gruß Keksesser
-