css Headerbanner 1.2.4

**Everlast3310** · 30.04.2010, 23: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, 23: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, 23:45

Das <center> hat leider nix gebracht.

**dude32** · 30.04.2010, 23: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, 23: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;


}

**dude32** · 01.05.2010, 00:04

ah jetzt versteh ich

PHP-Code:


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

ändern in

PHP-Code:


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

**Lokutos** · 01.05.2010, 00: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;
}

**Everlast3310** · 01.05.2010, 00: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

**Lokutos** · 01.05.2010, 00:15

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

**Everlast3310** · 01.05.2010, 16:08

So, hab jetzt schon relativ viel alleine hin bekommen. Zumindest auch so, dass alles mit dem IE identisch ausgegeben wird. Jetzt noch ne Frage. Ist es möglich ein img mit css zu strecken also ohne repeat? Momentan sieht das ganze so aus Link. Der Hintergrund mit verlauf hört dann auf.

Edit: Hat sich erledigt. Hab das bg img einfach vergrößert und einen Verlauf in #FFFFFF gemacht.

Thema: css Headerbanner 1.2.4

Themen-Optionen

Anzeige

Hybrid-Darstellung

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