Einzelnen Beitrag anzeigen
  #3 (permalink)  
Alt 12.10.2007, 00:53
spacegaier spacegaier ist offline
A noobish expert
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 11.10.2007
Beiträge: 126
spacegaier befindet sich auf einem aufstrebenden Ast
Standard

Danke schon mal für die schnelle und kompetente Hilfe!!! Im IE7 und in Opera9 klappt das Ganze jetzt. Aber im FF2 läuft der Inhalt immer noch unten raus...

Habe ich da noch etwas übersehen?

Code:
html, body 
{
     margin:0;
     padding:0;
     font-family: Tahoma;
}

div#wrapper 
{
  
   width: 90%;
   margin: 0 -5% 0 5%;
   border: 1px solid #000;
}
* html #wrapper 
{ 
   width: 90%;
   margin: 0 -5% 0 5%;
   border: 1px solid #000;
}

#header, #subnav, #footer
{
   clear: both;
   width: 100%;
}

#header
{
   background-image: url(img/header_4.jpg);
   height: 70px;
}

#subnav
{
   background-image: url(img/subnav_4.jpg);
   color: #377593;
   height: 25px;
   border-bottom: 1px solid #000;
   border-top: 1px solid #000;
}

#contentfloatholder
{
  	width: 100%;
  	height: 100%;
}

#centerwrap
{
   	background-color: #3F7D9E;
	margin-left: 180px;
	margin-right: 180px;
	padding-top: 15px;
	padding-bottom: 15px;
}

#right
{
	width: 180px;
  	float: right;
	background-image: url(img/right_column_4.jpg);
	border-left: 1px solid #000;
}

#left
{
	width: 180px;
  	float:left;
  	background-image: url(img/left_column_4.jpg);
  	border-right: 1px solid #000;
}

#menu
{
   	padding-top: 25px;
}

a
{
   	text-decoration: none;
}

.menu_button
{
   	height: 35px;
   	width: 100%;
   	border-top: 1px solid #fff;
   	border-bottom: 1px solid #C0D1D3;
   	margin-bottom: 3px;
}

a.menu_link
{
   	width: 100%;
   	height: 100%;
   	color: #000;
   	background-image: url(img/link_4.jpg);
   	display: block;
}

a.menu_link:hover
{
   	width: 100%;
   	height: 100%;
   	color: #000;
   	font-weight: bold;
   	background-image: url(img/link_4_hover.jpg);
}

a.menu_link_selected
{
   	width: 100%;
   	height: 100%;
  	color: #000;
   	font-weight: bold;
   	background-image: url(img/link_4_active.jpg);
   	display: block;
}

div.link_font
{
   	padding-left: 35px;
   	padding-top: 7px;
}

#status_screen
{
   	font-size: 0.7em;
   	font-style: italic;
   	margin-left: 15px;
   	margin-right: 15px;
   	margin-top: 35px;
   	text-align: center;
   	color: #fff;
}

a.position_link
{
   	color: #377593;
}

a.position_link:hover
{
   	color: #377593;
   	text-decoration: underline;
}

#footer
{
   	background-image: url(img/subnav_4.jpg);
   	color: #000;
   	height: 35px;
   	font-size: 8pt;
   	text-align: center;
   	border-top: 1px solid #000;
}

.outer_content_box
{
	background-image: url(img/news_4.jpg);
   	margin-left: 25px;
   	margin-right: 25px;
   	margin-bottom: 15px;
   	border: 1px solid #000;
	font-size: 0.8em;
}

.inner_content_box
{
   	background-image: url(img/news_inner_4.jpg);
	border: 1px dashed #fff;
	margin: 10px;
	padding-left: 8px;
	padding-right: 8px;
    padding-bottom: 5px;
	padding-top: 5px;
}

.news_title
{
	font-size: 0.9em;
	font-weight: bold;
}

.news_infos
{
	font-style: italic;
	font-size: 0.7em;
	margin-top: 5px;
	margin-bottom: 5px;
}

.news_user_action_bar
{
 	font-style: normal;
	font-size: 0.7em;
	margin-top: 5px;
	margin-bottom: 5px;
}
 

.news_deco_1
{
	background-image: url(img/news_deco_4.jpg);
	background-repeat: repeat-x;
	width: 100%;
	margin-top: 5px;					
	font-size:1pt;								/*Auf klein setzen damit die Höhe des Divs gering wird*/						
}

.news_message
{
 	border: 1px dashed #fff;
	padding: 5px;
	margin: 3px;
}

#loginform
{
 	margin-top: 25px;
	border-top: 1px solid #fff;
   	border-bottom: 1px solid #C0D1D3;
	background-image: url(img/loginform_4.jpg);
 	padding: 5px;
 	display: block;
 	font-size: 0.8em;
}
Gibt es für das Problem mit den Hintergründen keine Alternative zu den "Faux Columns"? Das ist ja nämlich total unflexible, wenn man die Hintergründe ändern will.

Und v.a. da ich die Breite meines Container namens Wrapper ja in Prozent angebe, weiß ich ja im vorheraus nicht wie breit das Ganze auf dem Bildschirm dann (in Pixeln) auch wirklich ist. Wie soll ich denn da die passende Größe für meine vertikal-kachelbare Graphik herausfinden?

Danke schon mal soweit und Grüße
spacegaier
Mit Zitat antworten