Hallo erstmal
Hab eine frage.. Bin der totale Anfänger in diesem gebiet...
Bin gerade dabei eine Hompage zu machen, hab sie aus lauter divs erstellt.. dann hab ich noch einen div container (wrapper) erstell das ich alles zusammengefasst zentrieren kann..
aber irgenwie klappt das nicht so wie ich das möchte.. jetzt ist es zwar irgendwie in der mitte aber wenn man das browserfenster kleiner macht bleibt der inhalt auf der linken seite nicht stehen sondern verschwindet dann. wie mache ich das am geschicktesten?
Dachte irgendwie im wrapper mit margin:auto ... aber hab es bis jetzt noch nicht zusammengebracht...
Ist meine Frage irgendwie verständlich
Hier mein kompletter Code:
Hoffe jemand kann mir helfen
Hab eine frage.. Bin der totale Anfänger in diesem gebiet...
Bin gerade dabei eine Hompage zu machen, hab sie aus lauter divs erstellt.. dann hab ich noch einen div container (wrapper) erstell das ich alles zusammengefasst zentrieren kann..
aber irgenwie klappt das nicht so wie ich das möchte.. jetzt ist es zwar irgendwie in der mitte aber wenn man das browserfenster kleiner macht bleibt der inhalt auf der linken seite nicht stehen sondern verschwindet dann. wie mache ich das am geschicktesten?
Dachte irgendwie im wrapper mit margin:auto ... aber hab es bis jetzt noch nicht zusammengebracht...
Ist meine Frage irgendwie verständlich
Hier mein kompletter Code:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> Firma </title>
<style type="text/css">
<!--
#Logo {
position:absolute;
left:8px;
top:24px;
width:227px;
height:91px;
z-index:1;
}
#steuerungstechnik {
position:absolute;
left:237px;
top:24px;
width:491px;
height:91px;
z-index:2;
}
#grafik {
position:absolute;
left:8px;
top:117px;
width:720px;
height:343px;
z-index:3;
}
#automation {
position:absolute;
left:8px;
top:461px;
width:720px;
height:83px;
z-index:4;
}
#Aktuelles {
position:absolute;
left:45px;
top:165px;
width:100px;
height:24px;
z-index:5;
}
#Unternehmen {
position:absolute;
left:103px;
top:209px;
width:116px;
height:22px;
z-index:6;
}
#Leistung {
position:absolute;
left:178px;
top:260px;
width:98px;
height:25px;
z-index:7;
}
#Service {
position:absolute;
left:222px;
top:315px;
width:87px;
height:21px;
z-index:8;
}
#Englisch {
position:absolute;
left:241px;
top:380px;
width:105px;
height:20px;
z-index:9;
}
#wrapper {
position: absolute;
left: 50%;
width: 734px;
height: 580px;
margin-left: -350px;
top: 30px;
}
/**
body {
background-image: url(images/Blue2.jpg);
background-attachment:fixed;
background-position:center;
background-repeat:no-repeat;
}
**/
-->
</style>
<script type="text/javascript">
<!--
function MM_goToURL() { //v3.0
var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}
//-->
</script>
</head>
<body >
<div id="wrapper">
<div id="Logo">
<div align="center"><a href="index.html"><img src="images/Logo.jpg" alt="PLC - Home" width="228" height="91" border="0" /></a></div>
</div>
<div id="steuerungstechnik">
<p align="center"> </p>
<p align="right"><img src="images/steuerungstechnik.jpg" width="235" height="32" /></p>
</div>
<div id="grafik">
<div align="center"><img src="images/grafik.jpg" width="708" height="329" /></div>
</div>
<div id="automation">
<div align="center"><img src="images/automation.jpg" width="706" height="111" /></div>
</div>
<div id="Aktuelles">
<div align="center"><img src="images/Aktuelles.jpg" alt="Aktuelles" border="0" onmouseover="MM_goToURL('parent','AktuellesUnter.html');return document.MM_returnValue"/></div>
</div>
<div id="Unternehmen">
<div align="center">
<img src="images/Unternehmen.jpg" alt="Unternehmen" name="menue3" border="0" id="menue3" onmouseover="MM_goToURL('parent','UnternehmenUnter.html');return document.MM_returnValue" /> </div>
</div>
<div id="Leistung">
<div align="center"><img src="images/Leistung.jpg" alt="Leistung" name="menue4" border="0" id="menue4" onmouseover="MM_goToURL('parent','LeistungenUnter.html');return document.MM_returnValue" /></div>
</div>
<div id="Service">
<div align="center"><img src="images/Service.jpg" alt="Service" name="menue5" border="0" id="menue5" onmouseover="MM_goToURL('parent','ServiceUnter.html');return document.MM_returnValue" /></div>
</div>
<div id="Englisch">
<div align="center"><img src="images/Englisch.jpg" alt="Language" border="0" /></div>
</div>
</div>
</body>
</html>Hoffe jemand kann mir helfen
