Design prob VMS Headbanner

Druckbare Version

08.11.2008, 17:01
WaechterMedia

Design prob VMS Headbanner

Hallo habe folgendes Probleme ich habe ein div design und wenn ich den banner in den head einbauen möchte erscheint da eine 60px große lücke zwischen dem header und der Navleiste.

Der banner wird richtig angezeigt.
Eingebunden habe ich den div tag in der css so:

Code:

#headad { width:468px; height:60px; position:relative; top:-105px; left:410px; }

so ist es im header:

Code:

<div id="banner" > <img src="images/header.png" alt="" width="900" height="120" border="0" /> </div> <div id="headad"> <?@require_once ('lib/texte/alt_headerbanner.txt');?> </div> <- Hier ist dann die 60px lücke wegen dem banner wohl ->

Kann man das unterdrücken?
Vielen dank schonmal
08.11.2008, 17:05
Jenny

Warum willst du das header.png noch zusätzlich in die css packen?
08.11.2008, 17:13
WaechterMedia

Zitat:

Zitat von Jenny

Warum willst du das header.png noch zusätzlich in die css packen?

das ist der code aus der header.php ^^ der erste code = css der zweite .php
08.11.2008, 17:45
jpwfour

Zitat:

Zitat von WaechterMedia

...Kann man das unterdrücken?
...

Klar mit CSS kann man fast alles verschieben/umplatzieren/ändern :yes:

Dazu wär aber ein Link zu der Seite ganz sinnvoll, denn der "Fehler" muss ja nicht zwangsläufig in dem Teil liegen, den du gepostet hast, Style Eigenschaften werden ja auch "vererbt" bzw. wirken sich auch auf mehrere Elemente aus.
(Und wenn ich die Seite direkt hab, kann ich just-in-time css&html bearbeiten un direkt die Änderungen sehen, was es sehr viel einfacher macht :wink: )
08.11.2008, 17:50
WaechterMedia

Bin eigentlich noch in der local phase ^^ werds aber mal hochladen.

trotzdem danke :biggrin1:
08.11.2008, 20:13
dude32

Zitat:

Zitat von WaechterMedia

Hallo habe folgendes Probleme ich habe ein div design und wenn ich den banner in den head einbauen möchte erscheint da eine 60px große lücke zwischen dem header und der Navleiste.

Der banner wird richtig angezeigt.
Eingebunden habe ich den div tag in der css so:

Code:

#headad { width:468px; height:60px; position:relative; top:-105px; left:410px; }

machs mal so in der css

PHP-Code:

#headad{ padding-top:105px; padding-right:12px; }

kannst aus right auch left machen oder die maßangaben (px) nach belieben ändern, aber gehe nicht ins negative
08.11.2008, 21:18
Lokutos

hast du n div im div oder 2 divs bei 2 divs ist es klar da wird das nachhaltige verschoben um die pixel die du angibts dagegen seh ich grad solte dudes lösung stimmen und abhilfe schaffen

mfg Joschi
09.11.2008, 18:00
WaechterMedia

danke für eure hilfe nur ist er nun leider wieder ganz anders habs nun auch mal mit span versucht aber dann positioniert er den nur noch oben in der ecke :-(

http://img18.myimg.de/prob1d640f_thumb.jpg

css hab ich nun von dude genommen

und head sieht so aus

Code:

<body> <span id="headad"> <?@require_once ('lib/texte/alt_headerbanner.txt');?> </span> <div id="container"> <div id="banner" > <img src="images/header.png" alt="" width="900" height="120" border="0" /> </div> <div id="banner" > <h1>the hottest klamm site ever!</h1> </div>
09.11.2008, 18:10
Lokutos

Zitat:

Zitat von WaechterMedia

Code:

<body> <div id="container"> <div id="banner" > <img src="images/header.png" alt="" width="900" height="120" border="0" /> <span id="headad"> <?@require_once ('lib/texte/alt_headerbanner.txt');?> </span> </div> <div id="banner" > <h1>the hottest klamm site ever!</h1> </div>

eventuel so
09.11.2008, 18:29
WaechterMedia

nun sieht es wieder so aus :smile:
http://img18.myimg.de/prob2a92c3_thumb.jpg

so langsam glaub ich es liegt an meiner doofheit aber ich weiß auch nimmer weiter :der:
09.11.2008, 21:45
Jenny

Schmeiss doch mal folgendes aus der header.php raus

id="headad"

also nur <div> stehen lassen
09.11.2008, 22:36
WaechterMedia

EDIT: Gelöst :-)
Worans nun wirklich lag weiß ich auch nicht habe aber alle eure ratschläge beherzigt der mit dem - hat mich weitergebracht und der mit den divs in divs denke ich vielen vielen dank :)

EDIT2:
Nicht ganz ^^
ok nun weiß ich wie ich es schaffen kann ist umständlich aber anders gehts (für mich jedenfalls) nicht setze den banner nun mit absolute nun muss ich nur noch ne funktion schreiben die anhand des bildschirm formates die position berechnet ^^
20.11.2008, 20:40
martinmarn

Huhu das mit der Freien Fläche solltest du hiermit iwie ändern können:
befindet sich in der main.css

Code:

#head { ... ... ... margin:0 0 5px 0;

Da wo 5px steht, diesen Wert solltest du anpassen bis der Freiraum weg ist.
Wenn ich mich nicht geirrt habe müsste es das richtige sein.

Falls ich das Problem komplett falsch verstaden habe möchte ich mich für diesen Sinnlospost enschuldigen ;)

mfg