Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag09.11.2011 um 04:10 (UTC)    
Titel: box in richtige prosition bringen

hallo leute bräuchte mal eure hilfe. bekomm es einfach nicht hin die 4 boxen auf meiner hp ein wenig höher an den banner zu bekommen.

ich hab die höhe im css geändert aber es passiert nix. auch die hilfe die ich hier bekommen hab hilft nix. die bleiben immer an der gleichen stelle.
folgendes hab ich schon gemacht.

1. #Feld_unten, #Feld_unten2, #Feld_unten3, #Feld_unten4 {
height: 500px; }

2. #Feld_unten { position: absolute; left: 50%; top: 610px; margin-left: -435px; width: auto; height: 152px; color: #C6BA8A; fon0t-size: 12px; font-amily: arial; text-align: center; border: 0px solid #000000;} #Feld_unten2 { position: absolute; left: 50%; top: 610px; margin-left: -220px; width: auto; height: 152px; color: #C6BA8A; fon0t-size: 12px; font-amily: arial; text-align: center; border: 0px solid #000000;} #Feld_unten3 { position: absolute; left: 50%; top: 610px; margin-left: -5px; width: auto; height: [b]152px[/b]; color: #C6BA8A; fon0t-size: 12px; font-amily: arial; text-align: center; border: 0px solid #000000;} #Feld_unten4 { position: absolute; left: 50%; top: 610px; margin-left: 210px; width: auto; height: 152px; color: #C6BA8A; fon0t-size: 12px; font-amily: arial; text-align: center; border: 0px solid #000000;}


ich weiß nicht mehr weiter

hier mal mein komplett css code:

--> </style> <style type="text/css"> <!-- td[height="102"] { position:absolute; left:50%; margin-left:-376px; } body { background-color: #000000; background-repeat: no-repeat; background-image: url(hintergrund); } #Feld_unten { position: absolute; left: 50%; top: 610px; margin-left: -435px; width: auto; height: 152px; color: #C6BA8A; fon0t-size: 12px; font-amily: arial; text-align: center; border: 0px solid #000000;} #Feld_unten2 { position: absolute; left: 50%; top: 610px; margin-left: -220px; width: auto; height: 152px; color: #C6BA8A; fon0t-size: 12px; font-amily: arial; text-align: center; border: 0px solid #000000;} #Feld_unten3 { position: absolute; left: 50%; top: 610px; margin-left: -5px; width: auto; height: 152px; color: #C6BA8A; fon0t-size: 12px; font-amily: arial; text-align: center; border: 0px solid #000000;} #Feld_unten4 { position: absolute; left: 50%; top: 610px; margin-left: 210px; width: auto; height: 152px; color: #C6BA8A; fon0t-size: 12px; font-amily: arial; text-align: center; border: 0px solid #000000;} #logo { position: absolute; left: 50%; top: 103px; margin-left: -435px; width: auto; height: 89px; color: #C6BA8A; font-size: 12px; font-family: arial; text-align: center; border: 0px solid #000000;} #hellblau { background-image:url(http://img.webme.com/pic/t/twardygrosz/hellblaubox11.png); background-color:#XXXXXX; text-align: left; padding: 25px; height:104px; width:165px; overflow:auto; color:#ffffff; } #dunkelblau { background-image:url(http://img.webme.com/pic/t/twardygrosz/dunkelblaubox1.png); background-color:#XXXXXX; text-align: left; padding: 25px; height:104px; width:165px; overflow:auto; color:#ffffff; } #grauebox{ background-image:url(http://img.webme.com/pic/t/twardygrosz/grauebox.png); background-color:#XXXXXX; text-align: center; height:150px; width:235px; overflow:auto; color:#000000; } #twitter { position: absolute; left: 50%; top: 143px; margin-left: 330px; width: auto; height: auto; color: #C6BA8A; font-size: 12px; font-family: arial; text-align: center; border: 0px solid #000000;} #container { width: 885px; height: auto; margin: auto; overflow: hidden; } #slider_content { width: 884px; height: 349px; margin-top: 150px; margin-left: auto; margin-right:auto; background-image: url(hinterm banner); background-repeat: no-repeat; } #slider_fixed{ margin-left: 69px; padding-top: 16px; } /* Coolmenü positionieren */ .coolmenu { position:absolute; left: 50%; margin-left: -442px; top:196px; } /* Allgemeine Einstellungen */ .menu { color:#ffffff; cursor:pointer; float:left; height:45px; width:220px; overflow-x:hidden; overflow-y:hidden; } .menu:hover { height:auto; width:auto; overflow-x:visible; overflow-y:visible; } /* Hauptmenü anpassen*/ .menu_head { font-size:17px; padding-bottom:20px; text-align:left; height: 25px; widht: 220px; font-family: Arial; background-color: #000000; background: url(http://img.webme.com/pic/t/twardygrosz/neuebutonomba11.png); padding: 15px; } /* Anpassungen des Hovers von den Hauptmenüs */ .menu_head:hover { background-color: #D3D3D3; background: url(http://img.webme.com/pic/t/twardygrosz/butuombanhover11.png); } /* Anpassungen des Menüs */ .menu_box { background-attachment:scroll; background:#EBEBEB repeat; background-position:0 0; border-bottom: 1px solid #cccccc; border-right: 1px; overflow-x:visible; overflow-y:visible; padding: 5px; width:210px; margin-top: -9px; } /* Untermenüs anpassen */ .menu_box .menu_link { color:#333333; display:block; font-size:14px !important; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; padding: 3px; padding-left:10px; text-decoration:none; } /* Anpassungen des Hovers von den Untermenüs */ .menu_box .menu_link:hover { color:#000000; background-color: #DDDDDD; background: url(http://img.webme.com/pic/t/twardygrosz/ombamadleiste.png); } /* Die Ecke vom Coolmenü links rund machen*/ #first { -moz-border-radius-topleft: 10px; border-radius: 7px 0px 0px 0px; } /* Die Ecke vom Coolmenü rechts rund machen*/ #last { -moz-border-radius-topright: 10px; border-radius: 0px 7px 0px 0px; } #sidebar_container { float: left; margin-top: 140px; height: auto; width: 235px; padding-top:1px; color: #000000; font-size:14px; font-family: verdana; arial; text-align: center; background: url(); background-repeat: repeat-y; } #sidebar_container a { color: #a8eaff; font-size: 10px; font-family: arial; text-decoration: underline; } #footer { clear:both; width:100%; height:110px; margin: auto; text-align:center; background-color: #c1c1c1; border-top: 1px solid #9b9b9b; font-size:12px; color:#000000; } #footer a { color:#222222; } #content { margin-top: 140px; margin-bottom: 20px; width: 650px; padding-right: 0px; padding-left: 0px; color: #0000000; font-size: 15px; font-family: verdana; arial; text-align: left; } #content a { font-size: 15px; color: #000080; font-family: arial; font-weight: bold; } /* Schriftfarbe + Größe auf allen Seiten */ td { color:#000000; font-size:14px; text-align:left; font-family: arial,verdana; } /* Linkfarben + Größen auf Seiten */ a:link { color:#000080; font-size:14px; font-family:arial,verdana; text-decoration:none; } /* besuchte Links */ a:visited { color:#800000; font-size:14px; font-family:arial,verdana; text-decoration:none;} /*Hover-Effekt bei Links*/ a:hover{ color:#7fa9fd; font-size:14px; font-family:arial,verdana; text-decoration:none;} h2#title{display:none;} h1#header {display:none;} #header-container {display:none;} #nav_heading{display:none;} #sidebar_heading {display:none;} #pre_content {display:none;} #pre_header {display:none;} #post_header {display:none;} #post_content {display:none;} #below_content{display:none;} #extraDiv2 {display:none;} #extraDiv3 {display:none;} #extraDiv4 {display:none;} #extraDiv5 {display:none;} #extraDiv6 {display:none;} div.header{display: none;} #counter{display:none;} #nav_container{display: none;}
Beitrag09.11.2011 um 14:23 (UTC)    
Titel:

Height ändert ja auch nur die Höhe der Boxen. Sollten #Feld_unten wirklich die Boxen sein (Hab Firebug im Moment nicht daruf), dann ändere mal bei jedem #Feld_unten diesen Wert top: 610px;. Dies veringert den Abstand der Boxen zum oberen Bildrand und somit rutschen die Boxen nach oben, wenn du den Wert verkleinerst.
In dem anderen Thread wurdest du nur falsch verstanden, weil deine Beschreibung schlecht war Wink
______________
Gruß Pexxi
Beitrag09.11.2011 um 15:08 (UTC)    
Titel: erledigt

erledigt
Danke danke
Beitrag09.11.2011 um 15:31 (UTC)    
Titel:

Vielen Dank an den Helfer und auch ein Dankeschön für die Rückmeldung.

-CLOSED-, da erledigt.

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


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