Suche im Forum:
Suchen


Autor Nachricht
Beitrag09.05.2009 um 15:27 (UTC)    
Titel: [erledigt] Header mittig!

Hallo!
Ich wollte mal fragen wie ich den Header in meinem Design immer mittig bekomme, egal welche Auflösung. In einer anderen Auflösung verschiebt sich sonst alles!

vg tjpeiler


Zuletzt bearbeitet von tjpeiler-designs am 11.05.2009, 03:38, insgesamt 2-mal bearbeitet
Beitrag09.05.2009 um 15:29 (UTC)    
Titel:

Hi, dazu müsstest du folgenden CSS Teil Code verwenden:
background-position: center;

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag09.05.2009 um 15:32 (UTC)    
Titel:

Ok, versuchs mal!

Funktioniert nicht!

Muss ich den "margin-left:XXpx;" Teil dann raus machen??
Ja oder? Geht aber beides nicht!


Zuletzt bearbeitet von tjpeiler-designs am 09.05.2009, 16:35, insgesamt einmal bearbeitet
Beitrag09.05.2009 um 16:34 (UTC)    
Titel:

Hast du mal die Seite, wo ich den Header finden kann,
bzw. hast du den Header Code?

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag09.05.2009 um 16:37 (UTC)    
Titel:

Ja, hier:

Code:
#header_container {
position:absolute;
top: 39px;
margin-left:350px;
width: 530px;
height:317px;
background-color:#000000;
background-image:url(http://img.webme.com/pic/t/tjpeiler-designs/mthead.png);
color:#FFFFFF;
font-size:13px;
border: 5px solid #FFFFFF;}
Beitrag09.05.2009 um 16:46 (UTC)    
Titel:

Hi, versuch mal mit Prozenten zu positionieren,
somit sollte das bei jeder Auflösung gleich angezeigt werden.

Dazu einfach den roten Wert ändern:
Zitat:
#header_container {
position:absolute;
top: 39px;
left: 50%;
margin-left:350px;
width: 530px;
height:317px;
background-color:#000000;
background-image:url(http://img.webme.com/pic/t/tjpeiler-designs/mthead.png);
color:#FFFFFF;
font-size:13px;
border: 5px solid #FFFFFF;}
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator


Zuletzt bearbeitet von der-bielefeld-club am 09.05.2009, 18:00, insgesamt 2-mal bearbeitet
Beitrag09.05.2009 um 16:56 (UTC)    
Titel:

Danke, hat geklappt! Musste es allerdings etwas abändern!

Code:
#header_container {
position:absolute;
top: 39px;
left: 50%;
margin-left:-270px;
width: 530px;
height:317px;
background-color:#000000;
background-image:url(http://img.webme.com/pic/t/tjpeiler-designs/mthead.png);
color:#FFFFFF;
font-size:13px;
border: 5px solid #FFFFFF;}
Beitrag09.05.2009 um 16:59 (UTC)    
Titel:

Kein Problem, mir ist der eine Code Fehler erst zu spät eingefallen,
jedenfall ist bei so einer positionieren das "left: 50%;" wichtig.

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de