hiho ich bin grad dabei eine seite mit hilfe von css zu gestalten, nun hab ich aber mal 2 fragen dazu.
ich steh da grad nämlich aufm schlauch, wenn ich die seite verkleiner sollte man scrollen können aber ich möchte nicht den flexiblen hintergrund verlieren.
ich hab das mal hochgeladen damit ihr euch das mal anschaun könnt
und hier mal der quelltext dazu:
und hier css:
also was muss ich machen damit bei zu kleinem fenster scrollbalken erscheinen?
und dann hatte mich eine css-angabe irritiert und zwar die
wieso muss ich da ne negative zahl angeben? Oo ich dachte eigentlich margin-top:24px
da dies meine ersten versuche sind eine seite ohne tabellen bzw. frames zu gestalten bitte ich sogar darum mich auf fehler hinzuweisen, wills ja lernen
lg LiMu
ich steh da grad nämlich aufm schlauch, wenn ich die seite verkleiner sollte man scrollen können aber ich möchte nicht den flexiblen hintergrund verlieren.
ich hab das mal hochgeladen damit ihr euch das mal anschaun könnt
und hier mal der quelltext dazu:
HTML:
<!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>Sonnenvoltaik</title>
<link rel="stylesheet" type="text/css" href="css/global.css" />
</head>
<body>
<div id="background"><img src="http://www.psd-tutorials.de/modules/Forum/images/background.jpg" alt="" title="" width=100% height=100%/>
<div id="centerlayout">
<!-- rechter navi-div -->
<div id="linke_box">
<br /><br />
Menüpunkt 1
<br /><br />
Menüpunkt 2
<br /><br />
Menüpunkt 3
</div>
<div id="banner"></div>
<!-- mittlerer content-div -->
<div id="boxmittelinks"></div>
<div id="boxmitteinhalt"></div>
<div id="boxmitterechts"></div>
<!-- unterer linker content-div -->
<div id="boxuntenlinks"></div>
<!-- unterer rechter content-div -->
<div id="boxuntenrechts"></div>
</div> <!-- Ende vom centerlayout-div -->
</div> <!-- Ende vom background-div -->
</body>
</html>
HTML:
@charset "utf-8";
/* CSS Document */
img, div, png { behavior: url(iepngfix.htc) }
html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
body {font-family:verdana, arial, sans-serif; font-size:76%;}
div#background{position:fixed; z-index:1; width:100%; height:100%; }
div#centerlayout {
position:fixed;
left:50%;
top:50%;
height:741px;
width:759px;
margin-top:-370px;
margin-left:-379px;
background-image:url(../images/content-background.png);
z-index:1;
}
#linke_box {
background:url(../images/main/boxlinks.png);
width:129px;
height:700px;
margin-left:26px;
margin-top:24px;
}
div#banner {
background:url(../images/banner.png);
width:578px;
height:145px;
margin-left:155px;
margin-top:-706px;
z-index:1;
}
#boxmittelinks {
background:url(../images/main/boxmittelinks.png);
width:10px;
height:274px;
margin-left:170px;
margin-top:17px;
}
#boxmitterechts {
background:url(../images/main/boxmitterechts.png);
width:10px;
height:274px;
margin-left:723px;
margin-top:-274px;
}
#boxmitteinhalt {
width:543px;
height:274px;
margin-left:180px;
margin-top:-274px;
background-color:#FFFFFF;
}
#boxuntenlinks {
background:url(../images/main/boxuntenlinks.png);
width:354px;
height:263px;
margin-left:170px;
margin-top:5px;
}
#boxuntenrechts {
background:url(../images/main/boxuntenrechts.png);
width:206px;
height:259px;
margin-left:530px;
margin-top:-260px;
}und dann hatte mich eine css-angabe irritiert und zwar die
HTML:
div#banner {
background:url(../images/banner.png);
width:578px;
height:145px;
margin-left:155px;
margin-top:-706px;
z-index:1;
}da dies meine ersten versuche sind eine seite ohne tabellen bzw. frames zu gestalten bitte ich sogar darum mich auf fehler hinzuweisen, wills ja lernen
lg LiMu
Zuletzt bearbeitet:
das Problem kommt aber nur vor wenn man nicht die Standart Schriftgrößen im Opera verwendet.
