Willkommen auf dem Portal für Mediengestalter
|
|
Autor |
Nachricht |
Bob Buttons
Threadersteller
Dabei seit: 16.03.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 26.06.2007 15:43
Titel Probleme bei 3-Spaltigem YAML mit IE6 |
|
|
Hallo allerseits...
folgendes Problem habe ich:
>h i e r<
Schaut euch die Seite bitte einmal an...im IE7 und FF sieht so ok aus...im IE6 scheint es irgendein Float-Problem zu geben...hätte jemand eine Idee wo das Problem liegt? Sitze schon seit heute morgen da drann und komme einfach nicht weiter...grummel...
Hier mal das HTML
Code: |
<link href="css/style.css" rel="stylesheet" type="text/css"/>
<!--[if lte IE 7]>
<link href="css/style_iehacks.css" rel="stylesheet" type="text/css" />
<link href="css/style_ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<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" style="border: #00FF66 2px solid;">
<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 id="ie_clearing"> </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 />
<h2>Willkommen auf meiner Homepage</h2>
<br /><br />
<p>Mein Verständnis einer Psychotherapie ist eine partnerschaftliche Zusammenarbeit zwischen Patient und
Therapeut, bei der der Patient aktiv an der Erarbeitung individueller Problemlsungsstrategien mitwirkt.</p>
<p>Auf meinen Seiten finden Sie Informationen ber mich, meine Praxis und meine Arbeitsweise.</p>
<p>Sie sind herzlich eingeladen, sich hier umzusehen und sich mit dem, was ich anbiete, vertraut zu machen.</p>
<br /><br /><br />
<p>Rolf Piotrowski</p>
<br /><br /><br /><br /><br />
<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> |
und noch das main-css
Code: |
@media all
{
*
{
margin: 0;
padding: 0;
border: none;
}
/* #col1 wird zur linken Spalte */
#col1 { width: 25%;}
/* #col2 wird zur rechten Spalte */
#col2 { width: 200px; }
/* #col3 wird zur mittleren Spalte */
#col3 { margin-left: 25%; margin-right:25%}
*html #col1 { width: 150px;}
*html #col3
{
border: #00FF33 2px solid;
margin-left: -100px;
}
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;
#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;
}
*html #col1_content
{
border: #00FF33 2px solid;
}
#col2_content
{
width: 150px;
}
*html #col2_content
{
width: 100px;
}
#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: -47px;
}
*html #col3_content_innen
{
margin-left: 0px;
}
#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;
}
#bild_float
{
width: 150px;
height: 198px;
float: left;
margin: 0 10px 0 10px;
}
.clear_both
{
clear: both;
}
} |
Vielleicht findet einer von euch ja etwas...wäre super...
besten dank
Bob
Zuletzt bearbeitet von Bob Buttons am Di 26.06.2007 15:44, insgesamt 1-mal bearbeitet
|
|
|
|
|
nicoG
Dabei seit: 25.01.2006
Ort: Freiburg
Alter: -
Geschlecht:
|
Verfasst Di 26.06.2007 19:05
Titel
|
|
|
Was genau stimmt denn nicht?
Auf den ersten Blick sehe ich als Floatfehler den double-float-margin-Bug. Sprich der IE6 verdoppelt den linken Uaßenabstand. Abhilfe schafft ein display:inline;
Mehr Bugs: http://www.positioniseverything.net/explorer.html
|
|
|
|
|
Anzeige
|
|
|
Bob Buttons
Threadersteller
Dabei seit: 16.03.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 27.06.2007 11:23
Titel
|
|
|
Hallo
Danke erst mal für die Antwort...
das PRoblem sieht man im UNterschied von IE7 und FF zu IE6 ganz deutlich. Zum einen wird die mittlere Spalte immer unter die linke gesetzt anstatt daneben, und auch unter die rechte spalte, weil da irgendwas zu breit ist...ich weiß aber nicht was, habe es auch noch nicht rausbekommen...
weißt Du jetzt was ich meine?
Danke noch mal
Bob
|
|
|
|
|
rob
Dabei seit: 11.12.2003
Ort: ~/
Alter: 46
Geschlecht:
|
Verfasst Mi 27.06.2007 11:43
Titel
|
|
|
Zitat: | das PRoblem sieht man im UNterschied von IE7 und FF zu IE6 ganz deutlich |
Der HTML-Code ist nicht vollständig.
Leider hast du die DTD-Angabe nicht gepostet.
Darum kann ich jetzt nicht erkennen, ob es sich um das folgende Problem handeln könnte.
Du solltest in jedem Fall drauf achten, daß du den Browser mittels Doctype Switch in den standardkonformen Modus schaltest.
Andernfalls macht besonders der MSIE zuviele Fehler und das besonders bei der Umsetzung des Boxmodells.
|
|
|
|
|
|
|
|
Ähnliche Themen |
CSS-Problem mit 3-spaltigem Layout
mit InDesign (CS&) 2-spaltige Fußnoten in 1-spaltigem Text?
yaml?
YAML
YAML Version 3 raus
Dreamweaver Voralgen vs YAML
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|