css Headerbanner 1.2.4

**Everlast3310** · 30.04.2010, 22:03

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.

**EarlofMidnight** · 30.04.2010, 22:36

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

**Everlast3310** · 30.04.2010, 22:45

Das <center> hat leider nix gebracht.

**dude32** · 30.04.2010, 22:56

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

**Everlast3310** · 30.04.2010, 22:59

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;


}

**Lokutos** · 30.04.2010, 23:01

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;
}

**dude32** · 30.04.2010, 23:04

ah jetzt versteh ich

PHP-Code:


position:absolute; top:15px; right:200px;

ändern in

PHP-Code:


position:relative; top:15px; right:200px;

**Everlast3310** · 30.04.2010, 23:06

Dankeschön, das hat geklappt :-). Habe das zwar vorher auch schon probiert aber da ging es komischer weise nicht. Vielen Dank nochmal. Jetzt gehts

**Everlast3310** · 30.04.2010, 23:11

Ah misst, hat fast geklappt. Jetzt hab ich allerdings zwischen der vav leiste und dem content nen riesen Absatand.

**Lokutos** · 30.04.2010, 23:15

#header {
margin:0 auto 0 auto;
width:902px;
height:165px;
}

Thema: css Headerbanner 1.2.4

Themen-Optionen

Anzeige

css Headerbanner 1.2.4

Ähnliche Themen

[A] Headerbanner auf DSN-ADS.de

[A] Headerbanner auf DSN-ADS.de

[A] Headerbanner auf DSN-ADS.de

[B]HeaderBanner auf DSN-ads.de

[A]uktion Headerbanner DSN-ads.de

Berechtigungen