-
css Headerbanner 1.2.4
Hallo, ich versuche schon seid ein paar Stunden den Headerbanner aus zu richten. Bekomme das einfach nicht hin. Der Werbeplatz sollte wie beim alten vms rechts in der Headergrafik positioniert werden. So schauts momentan aus Link. Das problem ist, dass wenn ich das browserfenster verkleinere, sich dann dauch der Werbeplatz verschiebt. Hier mal meine Header.php
PHP-Code:
<body>
<div id="main">
<div id="header">
<a href="<?=$domain;?>"><img src="images/logo.png" alt="<?=$seitenname;?>" id="logo"></a>
<div id="topnav">
<ul>
<li><a href="<?=$domain;?>">Startseite</a></li>
<li><a href="?content=/intern/anmelden">Registrieren</a></li>
<li><a href="?content=/intern/mediadaten">Mediadaten</a></li>
<li><a href="?content=/intern/agbs">AGB</a></li>
<li><a href="?content=/intern/faqs">FAQ</a></li>
<li><a href="?content=/intern/impressum">Impressum</a></li>
</ul>
</div>
<div id="banner">
<?@require_once ('lib/texte/alt_headerbanner.txt');?>
</div>
Und hier meine css
Code:
#banner {
position:absolute; top:15px; right:200px;
height:60px;
width:468px;
background-image:url(../images/banner_bg.png);
background-repeat:no-repeat;
}
Hoffe mir kann da jemand nen Tip geben.
-
Code:
<body>
<div id="main">
<div id="header">
<a href="<?=$domain;?>"><img src="images/logo.png" alt="<?=$seitenname;?>" id="logo"></a>
<div id="topnav">
<ul>
<li><a href="<?=$domain;?>">Startseite</a></li>
<li><a href="?content=/intern/anmelden">Registrieren</a></li>
<li><a href="?content=/intern/mediadaten">Mediadaten</a></li>
<li><a href="?content=/intern/agbs">AGB</a></li>
<li><a href="?content=/intern/faqs">FAQ</a></li>
<li><a href="?content=/intern/impressum">Impressum</a></li>
</ul>
</div>
<center>
<div id="banner">
<?@require_once ('lib/texte/alt_headerbanner.txt');?>
</div>
</center>
Versuch das mal
Gruß
EarlofMidnight
-
Das <center> hat leider nix gebracht.
-
PHP-Code:
position:absolute; top:15px; right:200px;
damit kannste du einstellen wo der header von oben "top" bzw von rechts "right" in pixel stehen soll, je weniger du "top" hast um so höher wird der banner ausgegeben
probiere doch mal top: 10px
-
Darum gehts ja nicht, das Problem ist, dass wenn ich das browserfenster verkleinere, so verschiebt sich auch der Werbebanner. Und das möchte ich halt ändern, dass er an der stelle bleibt, auch wenn ich das Browserfenster verkleiner.
Hier nochmal nur der code, den es betrifft.
header.php
PHP-Code:
<div id="banner">
<?@require_once ('lib/texte/alt_headerbanner.txt');?>
</div>
css datei
Code:
#banner {
position:absolute;top:15px; right:200px;
height:60px;
width:468px;
background-image:url(../images/banner_bg.png);
background-repeat:no-repeat;
}
-
absolute ist ein fixer wert vom brwowserfenster mach es mit relative das ist einfacher zu handhaben
PHP-Code:
#banner {
position:relative;
top:-150px; left:400px;
height:60px;
width:468px;
background-image:url(../images/banner_bg.png);
background-repeat:no-repeat;
}
-
ah jetzt versteh ich
PHP-Code:
position:absolute; top:15px; right:200px;
ändern in
PHP-Code:
position:relative; top:15px; right:200px;
-
Dankeschön, das hat geklappt :-). Habe das zwar vorher auch schon probiert aber da ging es komischer weise nicht. Vielen Dank nochmal. Jetzt gehts :thumb:
-
Ah misst, hat fast geklappt. Jetzt hab ich allerdings zwischen der vav leiste und dem content nen riesen Absatand.
-
#header {
margin:0 auto 0 auto;
width:902px;
height:165px;
}