Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag14.07.2011 um 21:02 (UTC)    
Titel: Header automatisch anpassen

Auf unserer Webseite habe ich einen Banner(Haeder) entworfen....
Auf meinem LaptopMonitor wird der Banner richtig angezeigt wie er sein soll. (Übe die ganze Webseite gestreckt). Allerdings passt sich der Header nicht an den Monitor an. Auf einem Widescreen ist der banner nähmlich zu klein und links in einem kleinen Ecken.

Was muss ich ändern damit sich der Header automatisch anpasst.

Design is IcedBlue mit eigenem Css

Danke im vorraus
Beitrag15.07.2011 um 10:40 (UTC)    
Titel:

Habe deinen Design-Code ein bisschen angepasst:
Code:
<style type="text/css">
<!--
body {background-image:url(http://computer.t-online.de/b/41/07/93/20/id_41079320/tid_da/microsofts-neues-80-millionen-dollar-blau-.jpg);background-repeat:repeat;}
/* Design Allgemein- Änderungen nur Profis empfohlen */
table.edit_main_table{width: 90%; margin: 0 auto; min-width: 1000px;}
table.edit_second_table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
.edit_main_tr{width: 0%; height: 0px;}
.edit_navi_headbg{width:0px;height: 0px}
.edit_rechts_cbg{width:0%;}
.edit_rechts_tabelle{margin-top: 28px; padding:0; margin:0;}
.edit_rechts_cbg{height: 490px; background: url() transparent;}

/* Horizontales Menü - Änderungen nur Profis empfohlen */
.edit_navi_headbg table{position: absolute; width: 89.5%; min-width: 1000px; background: url(http://computer.t-online.de/b/41/07/93/20/id_41079320/tid_da/microsofts-neues-80-millionen-dollar-blau-.jpg) transparent; height: 25px;}
.edit_navi_headbg table td{background: transparent url(); width: auto; height: 25px; display:inline; text-align: center;}
.edit_navi_headbg table tr {float: left;}

/* Bestimmte Bereiche ausgeblendet */
.edit_rechts_bottom{display:none;}
.edit_rechts_sbg{display:none;}
.nav_heading{display:none !important;}
.edit_below_nav img{display:none;}
.edit_content_bottom{display:none;}
.edit_content_top{display:none;}

/* Layout - kann beliebig verändert werden */
td.edit_content{height: 800px; background: url(http://2.bp.blogspot.com/_32uOagdQf60/TT8xZopSCTI/AAAAAAAAAdA/rW3zu5IUVNg/s1600/weisser-hintergrund.jpg) #ffffff; padding: 10px 0 10px 0;} /* Der Textbereich */
td.edit_content_bottom2{background: url(http://www.thw-jugend-steglitz.de/Bilder/logo.png) #000080;} /* Die untere Grafik vom Textfeld */
td.edit_header_full{background-color: #FFFFFF; background-image: url(http://img.webme.com/pic/t/thw-jugend-heusweiler/banner.jpg); background-position: center; height: autopx; center top; background-repeat: no-repeat;} /* Der Header vom Design */
td.edit_navi_headbg table td a{color: #fff; font-size: 15px; background: url() transparent;} /* Links im Menü */
td.edit_navi_headbg table td a:hover{text-decoration:underline;} /* Hover-Links im Menü */
tr.checked_menu td a{font-weight: bold; color: #FFF1AF;} /* Aktive Seite, die gerade ausgewählt ist im Menü */
td.edit_content div{margin-top:40px;} /* oberer Abstand des Inhaltes vom Menü */
--></style>

Der Header befindet sich jetzt immer in der Mitte und links und rechts "kommt einfach weiße Farbe hin".
Schau´s dir einfach mal an, sollte aber so passen.

mfg
______________
Forenregeln, FAQ, Suchfunktion
Beiträge der letzten Zeit anzeigen:   


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