Bob Buttons
Threadersteller
Dabei seit: 16.03.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 25.05.2007 17:53
Titel Darstellungsprobleme in IE6 |
  |
|
Hallo allerseits...
Habe ein Problem mit einer Seite...und zwar dieser
Im FF und IE7 habe ich das ganze mittlerweile hinbekommen. Sieht auch gut aus. Nur im IE6 wird noch etwas verschoben, ausserdem wird der Text Links von etwas überdeckt...und im mom bin ich mit meiner Weisheit am Ende...
Als Basis diente yaml_252_06123101 (Layout 1-3-2).
Vielleicht kann von euch mal jemand drüberschauen und erkennen was nicht stimmt...
und ja...da ist noch ein Fehler drinn, aber der hat nichts mit dem eigentlichen Problem zu tun...da muss ich auch noch mal schauen...
Hier schon mal das HTML
| Code: |
<body>
<div id="main">
<a id="content" name="content"></a> <!-- Skiplink-Anker: Content -->
<!-- Header -->
<div id="header">
</div>
<!-- Header Ende -->
<!-- Navigation -->
<div id="navigation">
<ul>
<li><a href="index.html" title="Rolf Piotrowski - Psychologischer Berater - Home">Home</a></li>
<li><a href="rolf-piotrowski-therapie-arbeitsschwerpunkte.html"
title="Rolf Piotrowski - Psychologischer Berater - Arbeitsschwerpunkte">Arbeitsschwerpunkte</a></li>
<li><a href="rolf-piotrowski-therapie-verfahren.html"
title="Rolf Piotrowski - Psychologischer Berater - Verfahren">Verfahren</a></li>
<li><a href="rolf-piotrowski-therapie-ausbildung.html"
title="Rolf Piotrowski - Psychologischer Berater - Ausbildung">Ausbildung</a></li>
<li><a href="rolf-piotrowski-therapie-kosten.html"
title="Rolf Piotrowski - Psychologischer Berater - Kosten">Kosten</a></li>
<li><a href="rolf-piotrowski-therapie-schweigepflicht.html"
title="Rolf Piotrowski - Psychologischer Berater - Schweigepflicht">Schweigepflicht</a></li>
</ul>
</div>
<!-- Navigation Ende -->
<!-- #col1: Erste Float-Spalte des Inhaltsbereiches -->
<div id="col1">
<div id="col1_content">
</div>
</div>
<!-- #col1: - Ende -->
<!-- #col2: zweite Flaot-Spalte des Inhaltsbereiches -->
<div id="col2">
<div id="col2_content" class="clearfix">
<div id="kontakt">
<h2>Rolf Piotrowski</h2>
<br />
<p>Nordstraße 37
<br />
52146 Würselen
<br /><br />
Tel.: 02405 93 445
<br /><br />
<a href="mailto:info@praxis-piotrowski.de">eMail: info@praxis-piotrowski.de</a></p>
</div>
</div>
</div>
<!-- #col2: - Ende -->
<!-- #col3: - Anfang -->
<div id="col3">
<div id="col3_content" class="clearfix">
<div id="col3_content_innen">
<br />
<div id="ueberschrift">
<h1>Home</h1>
</div>
<br />
<p>Zu meiner Entschuldigung kann ich nur sagen: Ich habe diesen Text nur als Blindtext für die Setzerei Appel in
Hamburg geschrieben.</p>
<p>Wenn ich gewusst hätte, dass Sie diese Zeilen lesen (man stelle sich das mal vor: Sie persönlich
lesen das hier!), dann hätte ich mir natürlich mehr Mühe gegeben. Immerhin bin ich gelernter Texter und seit über 20
Jahren am Üben - da hätte ich wahrlich was Besseres schreiben können als diesen Stuss.</p>
<p>Was sollen Sie jetzt von mir denken? </p>
<p>Bisher haben Sie Konstantin Jacoby vielleicht für einen ganz ordentlichen Kreativen gehalten - und dann das hier!
Ehrlich gesagt: Ich weiss auch nicht, wie mir das passieren konnte. Eine Worthülse nach der anderen! Buchstabe an
Buchstabe - Inhalt aber gleich Null. Vermutlich geben Sie mir nie einen Auftrag, nachdem Sie das hier gelesen haben -
da kann ich soviel Goldmedaillen haben, wie ich will. Dies ist der Beweis: Jacoby kann's einfach nicht, Schluss aus!
</p>
<div id="repeater_abschluss"></div>
</div>
</div>
</div>
<!-- #col3: - Ende -->
<!-- IE Column Clearing -->
<div id="ie_clearing"> </div>
<!-- Ende: IE Column Clearing -->
<!-- #main: - Ende -->
<!-- #Footer: Beginn Fußzeile -->
<div id="footer">
<p>© Rolf Piotrowski / 2007</p>
<div id="footer_kontakt">
<ul>
<li><a href="rolf-piotrowski-therapie-kontakt.html"
title="Rolf Piotrowski - Psychologischer Berater - Kontakt">Kontakt</a></li>
|
<li><a href="rolf-piotrowski-therapie-impressum.html"
title="Rolf Piotrowski - Psychologischer Berater - Impressum">Impressum</a></li>
</ul>
</div>
</div>
<!-- #Footer: Ende -->
<!-- #main: ende -->
</div>
</body>
</html>
|
hier noch die content.css
| Code: | *
{
margin: 0;
padding: 0;
border: none;
}
/* #col1 wird zur linken Spalte */
#col1 { width: 25%;}
/* #col2 wird zur rechten Spalte */
#col2 { width: 25%; }
/* #col3 wird zur mittleren Spalte */
#col3 { margin-left: 25%; margin-right:25%}
*html #col1 { width: 130px;}
*html #col3
{
width: 490px;
margin-left: 0px;
}
body
{
background: #fff;
width: 990px;
margin: 0 auto;
padding: 0 auto;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #999999;
}
h1
{
font: 200.1% Arial, Helvetica, sans-serif;
}
a
{
color: #ff6600;
}
a:hover
{
color: #666666;
}
#main
{
background: url(../images/repeater.jpg) repeat-y;
width: 990px;
}
#header
{
background: url(../images/header-index.jpg) no-repeat;
height: 236px;
position: relative;
width: 990px;
}
#header_arbeitsschwerpunkt
{
background: url(../images/header-arbeitsschwerpunkt.jpg) no-repeat;
height: 236px;
position: relative;
width: 990px;
}
#header_kosten
{
background: url(../images/header-kosten.jpg) no-repeat;
height: 236px;
position: relative;
width: 990px;
}
#header_schweigepflicht
{
background: url(../images/header-schweigepflicht.jpg) no-repeat;
height: 236px;
position: relative;
width: 990px;
}
#header_ausbildung
{
background: url(../images/header-ausbildung.jpg) no-repeat;
height: 236px;
position: relative;
width: 990px;
}
#header_impressum
{
background: url(../images/header-impressum.jpg) no-repeat;
height: 236px;
position: relative;
width: 990px;
}
#header_kontakt
{
background: url(../images/header-kontakt.jpg) no-repeat;
height: 236px;
position: relative;
width: 990px;
}
#header_verfahren
{
background: url(../images/header-verfahren.jpg) no-repeat;
height: 236px;
position: relative;
width: 990px;
}
#footer
{
background: url(../images/footer.jpg) no-repeat ;
width: 990px;
height: 52px;
padding-left: 1px;
}
#footer_kontakt
{
margin: -35px 0 0 840px;
font-size: 12px;
color: #666666;
}
#footer p
{
padding: 22px 0 0 20px;
font-size: 12px;
color: #949494;
list-style-type: none;
margin-top: 10px;
margin-left: px;
}
#footer_kontakt ul
{
font-size: 12px;
color: #666666;
list-style-type: none;
margin-top: 20px;
margin-left: 0px;
width: 200px;
}
#footer_kontakt ul p
{
display: inline;
padding-left: 0;
}
#footer_kontakt ul li
{
display: inline;
margin: 0;
}
#footer_kontakt ul li a
{
color: #949494;
text-decoration: none;
}
#footer_kontakt ul li a:hover
{
color: #C0C0C0;
}
#navigation ul li
{
display: inline;
}
#navigation
{
width: 991px;
height: 45px;
background: url(../images/navigation.jpg);
}
#navigation ul
{
list-style-type: none;
padding-top: 10px;
padding-left: 195px;
}
#navigation ul li
{
display: inline;
margin: 0 7px 0 7px;
font-size: 15px;
}
#navigation ul li a
{
color: #949494;
text-decoration: none;
}
#navigation ul li a:hover
{
color: #C0C0C0;
}
#col1_content
{
width: 200px;
margin: 0;
}
#col2_content
{
}
#kontakt
{
background: url(../images/kontakt.jpg) no-repeat;
width: 182px;
height: 180px;
margin: 15px 0 0 50px;
}
#kontakt p
{
margin: -10px 0 0 20px;
color: #636363;
font-size: 12px;
}
#kontakt h2
{
padding: 15px 0 0 20px;
font-size: 16px;
color: #999999;
}
#col3_content_innen
{
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #5F5F5F;
background: url(../images/repeater_col_3.jpg) repeat-y;
width: 589px;
margin-left: -48px;
}
#col3_content_innen p
{
padding: 5px 10px 5px 10px;
margin: 0;
}
#col3_content_innen h1
{
font-size: 20px;
color: #666666;
}
#col3_content_innen h2
{
font-size: 14px;
color: #666666;
padding-left: 10px;
}
#col3_content_innen ul
{
padding-left: 30px;
}
#col3_repeater_abschluss
{
background: url(../images/repeater_col_3_abschluss.jpg) no-repeat;
width: 588px;
height: 14px;
margin-left: -1px;
padding: 0;
}
#ueberschrift
{
width: 568px;
border-bottom: #666666 1px dotted;
margin-left: 10px;
}
#repeater_abschluss_unten
{
background: url(../images/repeater-abschluss-unten.jpg) no-repeat;
width: 990px;
height: 36px;
Margin-left: -1px;
}
form
{
overflow:hidden;
}
input[type=text]:focus, textarea:focus {
background: #f0f0f0;
color: #333;
border-color: #666;
}
input
{
height: 14px;
width: 178px;
font: 80% Arial, Helvetica, sans-serif;
border: 1px solid #222;
background-color:#ffffff;
margin-top: 3px;
font-family: verdana, arial, helvetica, sans-serif;
}
label
{
width: 7em;
margin: 5px;
padding: 5px;
text-align: right;
}
input.senden_kontakt
{
width: 60px;
height: 20px;
margin: 5px 0 0 141px;
background: #ffffff;
}
* html input.senden_kontakt
{
width: 60px;
height: 20px;
margin: 5px 0 0 122px;
background: #ffffff;
}
textarea
{
display: block;
width: 300px;
height: 140px;
float: left;
border: 1px solid #222;
background-color:#ffffff;
margin-top: 5px;
padding: 2px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
}
.clear_both
{
clear: both;
} |
und die style_ie7.css
| Code: | #footer p
{
margin-top: 0px;
margin-left: 0px;
}
#footer_kontakt ul
{
margin-top: 18px;
margin-left: 0px;
}
*html #col1 { width: 130px;}
#col1_content
{
width: 100px;
} |
die restlichen Dateien habe ich so übernommen.
Besten Dank
sagt artig
Bob
Zuletzt bearbeitet von Bob Buttons am Fr 25.05.2007 17:56, insgesamt 2-mal bearbeitet
|
|
Willkommen auf dem Portal für Mediengestalter
