Conditional Comments

Steinvirus · 3 Februar 2009

Hallo leute,

ich würde gerne in meine HTML Conditional Comments Vorlage einbauen für den IE 5 6 und 7..
Ich habe ein CSS das der IE nicht richtig darstellt .. naja ist ja klar.. also ich würde jetzt ein 2 Css schreiben und dann irgentwie einbinden.

Die Frage ist..:
Versaut mir das, meinen schon versauten Code noch mehr?
Oder gibt es da ne Alternative ..(ausser) den Code neu zu schreiben..?
Und wenn wie binde ich das am besten und am schnellsten ein ?
:mrgreen:

Ich hatte das schon einmal Probiert aber es lief nicht..

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
  <title>Template</title>
  <link rel="stylesheet" href="http://localhost/typo3wamp/uploads/tf/Template.css" 

type="text/css">
<!--[if IE 5]>
<link rel="stylesheet" href="http://localhost/typo3wamp/uploads/tf/ie_01.css" 

type="text/css">
<![endif]-->
</head>
<body>
<!-- ###DOCUMENT_BODY### start-->
<br>
<table style="text-align: left; margin-left: 110px; margin-right: 110px; width: 154px; height: 

739px;" border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td style="background-image: 

url(http://localhost/typo3wamp/uploads/tf/kingebiel_header_links.gif); background-repeat: 

no-repeat; height: 301px; font-family: Arial; white-space: nowrap; width: 231px;">
      <span style="font-family: Arial;"><span style="font-family: Arial;"><img 

src="http://localhost/typo3wamp/uploads/tf/kingebiel_header_links.gif" 

alt=""></span></span><span style="font-family: Arial;"><span style="font-family: 

Arial;"><small><small><small><small><small><small><br>
      <br>
      </small></small></small></small> </small></small>
      <div id="namenformatierung"> 

<small><small>Holzbau&nbsp;&amp;&nbsp;Bedachungen</small></small><span 

style="font-weight: bold;"><br>
Uwe&nbsp;Klingebiel&nbsp;</span>GmbH<small><small><br>
Zimmerer&nbsp;&amp;&nbsp;Dachdeckermeister<small><small><small><small><small><small

> </small></small></small></small></small></small></small></small></div>
      </span> </span></td>
      <td style="background-image: 

url(http://localhost/typo3wamp/uploads/tf/kingebiel_header_mitte.gif); background-repeat: 

no-repeat; width: 421px;">      
<div style="margin-top: 177px;"><img 

src="http://localhost/typo3wamp/uploads/tf//kingebiel_header_mitte_oberteil.gif"></div>
      </td>
      <td style="background-image: 

url(http://localhost/typo3wamp/uploads/tf/kingebiel_header_rechts.gif); background-repeat: 

no-repeat; height: 302px; width: 

282px;"><small><small><small><small><small><small><small><small><small><small><small><

small><br>      

</small></small></small></small></small></small></small></small></small></small></small>
      </small><!-- ###ZUSATZ_NAVI### start-->
      <div id="zusatznavicontainer">
<small> </small><li><small><small><a href="#">Start</a></small></small></li>
      <li><small><small><a href="#">Kontackte</a></small></small></li>
      <li><small><small><a href="#">Impressum</a></small></small></li>
      </div>
<!-- ###ZUSATZ_NAVI### stop--> <span style="font-family: Arial;"> </span></td>
    </tr>
    <tr>
      <td style="background-image: 

url(http://localhost/typo3wamp/uploads/tf/klingebiel_Black_links.JPG); text-align: left; height: 

301px; width: 231px;">
      </td>
      <td style="height: 175px; width: 412px;">
<div id= "inhalt">
<!-- ###INHALT_MITTE### start-->
Lorem ipsum dolor sit
amet, per erat dolor, pede dui, turpis sed malesuada
massa dictum, odio fermentum magna netus purus integer nec. Quis
egestas molestie in morbi ullamcorper. Suscipit luctus pellentesque
natoque, rutrum lobortis nec ut mauris, tellus suspendisse nullam neque
justo ligula, rhoncus a amet sagittis, quam placerat eu mauris ut.
Ipsum pede leo suspendisse in, sociis cursus arcu at justo sit
suspendisse, tortor risus, in lectus rutrum dis. Libero odio
pellentesque pede interdum interdum dolor. Mi vitae leo pede ipsum,
nulla mollis tempor id, id sem a, augue imperdiet vehicula aliquam
pede, gravida maecenas et congue. Vitae ac, et vitae ullamcorper, ac
quis justo, mi non, tellus diam tempor placerat habitasse aliquam
massa. Vel sit wisi, nascetur a a velit tincidunt, posuere nibh est,
ipsum gravida vitae proin egestas, volutpat urna imperdiet potenti
proin ornare. Incidunt suspendisse.<br>

Et eu elementum,
interdum gravida massa wisi et faucibus ut. Vestibulum
venenatis a erat, suspendisse vivamus, elit sit quis a urna sit elit, a
amet. Eleifend egestas, amet massa id aliquam eu. Sapien varius sem
porta consequat. 
<!-- ###INHALT_MITTE### stop--> 
</div>
<!-- ###BILDER_MITTE### start-->
<img style="width: 301px; height: 302px;" 

src="http://localhost/typo3wamp/uploads/tf/klingebiel_Black_links.JPG" alt="">
<!-- ###BILDER_MITTE### stop--></td>
      <td style="background-image: 

url(http://localhost/typo3wamp/uploads/tf/klingebiel_Black_links.JPG); height: 175px; 

text-align: left; width: 282px;"><!-- ###HAUPT_NAVI### start-->
      <div id="mainnavcontainer">
      <ul>
        <li><a href="#">Leistungen</a></li>
        <li><a href="#">Planung</a></li>
        <li><a href="#">Sanierung</a></li>
        <li><a href="#">Qualit&auml;t</a></li>
        <li><a href="#">Service</a></li>
        <li><a href="#">Partner</a></li>
        <li><a href="#">Jobs</a></li>
      </ul>
<img src="http://localhost/typo3wamp/uploads/tf/navigantionsbild_01.JPG " alt=""></div>
      </div>
<!-- ###HAUPT_NAVI### stop--> </td>
    </tr>
    <tr>
      <td style="background-image: 

url(http://localhost/typo3wamp/uploads/tf/klingebiel_Black_links.JPG); text-align: left; height: 

301px; width: 231px;">
      <div style="text-align: left;"><img style="width: 301px; height: 301px;" 

src="http://localhost/typo3wamp/uploads/tf/klingebiel_Black_links.JPG" alt=""></div>
      </td>
      <td style="height: 175px; text-align: left; width: 412px;">
      <div style="text-align: left;"><img 

src="http://localhost/typo3wamp/uploads/tf/kingebiel_header_mitte_unterteil.GIF" 

alt=""></div>
      </td>
      <td style="background-image: 

url(http://localhost/typo3wamp/uploads/tf/klingebiel_Black_links.JPG); text-align: left; height: 

302px; width: 282px;">
      <img style="width: 301px; height: 302px;" 

src="http://localhost/typo3wamp/uploads/tf/klingebiel_Black_links.JPG" alt=""></td>
    </tr>
  </tbody>
</table>
<br>
<br>
<!-- ###DOCUMENT_BODY### stop-->
</body>
</html>

Efchen · 3 Februar 2009

Hast Du den Grund dafür gesucht, warum der IE was nicht so macht, wie Du Dir das vorstellst? Das würde ich auf jeden Fall machen, bevor ich Conditional Comments oder gar ein zweites Stylesheet einbaue. Außerdem würde ich den Code aufräumen, denn mit schlechtem Code kann CSS voll in die Hose gehen.

Steinvirus · 3 Februar 2009

naja mein jetztiges css läuft, und eigentlich sind es ja nur abstandsprobleme im IE..

Es ist ja schließlich bekannt das der IE die klamotten größer da stellt..

Vieleicht bin ich auch falsch ich poste einfach mal mein jetziges css.. und das css das ich einbauen möchte unterscheidet sich nur in 2-3 veränderungen der abstände...

Code:

.left_column 
{
    background-color: #E7E7E7;
    margin: 0;
    padding: 0;
}

.left_column a
{
    color: #FB9F00;
    text-decoration: none;
}
.left_column a:hover
{
    text-decoration: underline;
}


.center_column 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin: 0;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.center_column h1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    margin: 0;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 20px;
    padding-bottom: 10px;
}

.center_column p
{
    margin: 0;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 210px;

}

.center_column a
{
    color: #F45C20;
    text-decoration: none;
}
.center_column a:hover
{
    text-decoration: underline;
}

#namenformatierung 
{
    position:absolute; 
    top: 375px; 
    left: 215px; 
    width: 0px; 
    height: 0px; 

}
#mainnavcontainer 
{
    width: 135px;
}

#mainnavcontainer ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}
#mainnavcontainer ul li
{
    margin: 0;
    padding: 0;
}

#mainnavcontainer a
{
    display: block;
    padding-right: 5px;
    padding-left: 20px;
    padding-top: 4px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
    margin-right: 0px;
    margin-top: 0px;
    width: 135px;
    background-color: #ffffff;
    border-bottom: 0px solid #fff;
    background-repeat: no-repeat
}

html>body #mainnavcontainer a {
    width: 135px;
}


#mainnavcontainer a:link, #mainnavcontainer a:visited
{
    color: #000;
    text-decoration: none;
}

#mainnavcontainer a:hover
{
    background-color: #ffffff;
    color: #ff0000;
}

#mainnavcontainer a#current{
    background-color: #ffffff;
    color: #000000;
    text-decoration:none;
    font-weight:bold;
}

#mainnavcontainer a#currentopen{
    background-color: #ffffff;
    color: #ff0000;
    text-decoration:none;
    font-weight:bold;
    padding-right: 0px;
    padding-left: 28px;
    padding-top: 2px;
    padding-bottom: 0px;
}

#mainnavcontainer a#currentopenhover{
    background-color: #ffffff;
    color: #000000;
    text-decoration:none;
    padding-right: 0px;
    padding-left: 28px;
    padding-top: 2px;
    padding-bottom: 0px;
}

#zusatznavicontainer {
    padding-top: 359px;    
    width: 153px;

}


#zusatznavicontainer ul
{
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

#zusatznavicontainer a
{
    padding-right: 1px;
    padding-left: 1px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-left: 3px;
    margin-right: 0px;
    margin-top: 0px;
    width: 0px;
    background-color: #ffffff;
    border-bottom: 0px solid white;
    color: black;
}

html>body #zusatznavicontainer a{
    width: 150px;
}

#zusatznavicontainer a:link, #zusatznavicontainer a:visited
{
    color: #000000;
    text-decoration: none;
}

#zusatznavicontainer a:hover
{
    background-color: #ffffff;
    color: #ff0000;
}

#zusatznavicontainer a#current
{
    background-color: #ffffff;
    text-decoration:none;
    font-weight:bold;
}

#bigimg
{
    position:absolute;
    margin-left: 11px;
    bottom: 9px
}

#smallimg
{
    margin-right: 0px;
    margin-left: 50px;
    padding-top: 50px;

}

#inhalt
{
padding-top: 130px;
}

Efchen · 3 Februar 2009

Steinvirus schrieb:
Es ist ja schließlich bekannt das der IE die klamotten größer da stellt.

Ach ja? Es ist bekannt, dass der IE im Quirks Mode ein falsches Box Model benutzt, ja, aber sowas pauschales, dass er "Klamotten" größer darstellt...

Vieleicht bin ich auch falsch ich poste einfach mal mein jetziges css.

Wenn jemand das Problem im IE suchen soll, bringt das gar nichts. CSS ohne HTML ist nicht lebensfähig. Dann poste einen Link zur Seite.

Steinvirus · 3 Februar 2009

Ich Arbeite immer lokal sry

In n test server ist nicht drinne.. sei mir nict böse ich weiß ich komme hier her und will ,ohne link und infos über meine seite , alles gerichtet haben ich weiß das geht nicht.. aber ich möchte dich bitten mir zu sagen wie ich die Conditional Comments oder gar ein zweites Stylesheet einbaue.

Loon3y · 3 Februar 2009

Steinvirus schrieb:
Ich Arbeite immer lokal sry

In n test server ist nicht drinne.. sei mir nict böse ich weiß ich komme hier her und will ,ohne link und infos über meine seite , alles gerichtet haben ich weiß das geht nicht.. aber ich möchte dich bitten mir zu sagen wie ich die Conditional Comments oder gar ein zweites Stylesheet einbaue.

Dann wird es wohl schwer (unmöglich) dir zu helfen. Mach mal Bilder von deinen Problem und beschreibe genau welche Abstände nicht passen. Mit "Abstand passt nicht", wissen wir nicht welcher Abstand, das kann alles sein ^^

Vllt findet man dann leichter den Fehler oder kann auf ein "IE-Problem" hinweisen.

Gruß
Loon3y

Edit: die Seite schon von The W3C Markup Validation Service unter die Lupe nehmen lassen u Fehler behoben?

Steinvirus · 3 Februar 2009

https://fotoalbum.web.de/gast/steinvirus/Bilder hier ein bild

Edit: die Seite schon von The W3C Markup Validation Service unter die Lupe nehmen lassen u Fehler behoben?

Css ist ok .. html dreck

Loon3y · 3 Februar 2009

Steinvirus schrieb:
Css ist ok .. html dreck

Dann auf auf! wenn der html-teil fehlerhaft ist, kann man nadeln im heuhaufen suchen. erst wenn alle fehler beseitigt sind - und der darstellungsfehler noch da ist - kann man die suche weiterführen.

Grüßle
Loon3y

Steinvirus · 3 Februar 2009

naja ich werde das noch beheben aber trosdem möchte ich die Conditional Comments oder ein zweites css einfügen auch wenn es total schwachsinnig ist .. ich weiß ihr möchtet mir neu gutes .. ich hab ja um hilfe gebeten .. aber troßdem möchte ich wissen wie ich die Conditional Comments einbinde

Efchen · 3 Februar 2009

Steinvirus schrieb:
In n test server ist nicht drinne.

Dann kann die Hilfe nur sehr mager ausfallen.
Wer Hilfe will, sollte es den Helfern so einfach wie möglich machen. Wir werden Dir nicht Deine Arbeit abnehmen. Aber ohne Arbeitsmaterial kann man eben nicht arbeiten.

sei mir nict böse

Ich bin Dir nicht böse, aber sei Du niemandem böse, wenn Du keine Hilfe bekommst.

ich weiß das geht nicht.

Dann hättest Du nicht fragen brauchen.

aber ich möchte dich bitten mir zu sagen wie ich die Conditional Comments oder gar ein zweites Stylesheet einbaue.

Also wenn ich nach Conditional Comments google, dann finde ich die Anleitung genau so, wie Du sie eingebaut hast. Wenns nicht klappt, dann ists wahrscheinlich nur ein kleiner Flüchtigkeitsfehler.
Ein zweites Stylesheet baust Du genauso ein, wie das erste Stylesheet.

Steinvirus · 4 Februar 2009

Guten Morgen,

also ich habe jetzt des HTML etwas gesäubert
Gratuliere! Keine Fehler gefunden. xD

und das Css auch ein wenig verbessert.

Code:

* {
    margin:0;
    padding:0;
    border:0;
}

.left_column  {
    background-color: #E7E7E7;
    margin: 0;
    padding: 0;
}

.left_column a {
    color: #FB9F00;
    text-decoration: none;
}

.left_column a:hover {
    text-decoration: underline;
}

.center_column {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin: 0;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.center_column h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    margin: 0;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 20px;
    padding-bottom: 10px;
}

.center_column p {
    margin: 0;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 210px;

}

.center_column a {
    color: #F45C20;
    text-decoration: none;
}
.center_column a:hover {
    text-decoration: underline;
}

/**
    NAMEN
*/

#namenformatierung {
    position:absolute; 
    top: 367px; 
    left: 215px; 
    width: 0px; 
    height: 0px; 
}

/**
    HAUPTMENU
*/

#mainnavcontainer {
    width: 148px;
}

#mainnavcontainer ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

#mainnavcontainer ul li {
    margin: 0;
    padding: 0;
}

#mainnavcontainer a {
    display: block;
    padding-right: 5px;
    padding-left: 23px;
    padding-top: 4px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
    margin-right: 0px;
    margin-top: 0px;
    width: 148px;
    background-color: #ffffff;
    border-bottom: 0px solid #fff;
    background-repeat: no-repeat
}

html>body #mainnavcontainer a {
    width: 148px;
}


#mainnavcontainer a:link, #mainnavcontainer a:visited {
    color: #000;
    text-decoration: none;
}

#mainnavcontainer a:hover {
    background-color: #ffffff;
    color: #ff0000;
}

#mainnavcontainer a#current {
    background-color: #ffffff;
    color: #000000;
    text-decoration:none;
    font-weight:bold;
}

#mainnavcontainer a#currentopen {
    background-color: #ffffff;
    color: #ff0000;
    text-decoration:none;
    font-weight:bold;
    padding-right: 0px;
    padding-left: 28px;
    padding-top: 4px;
    padding-bottom: 0px;
}

#mainnavcontainer a#currentopenhover {
    background-color: #ffffff;
    color: #000000;
    text-decoration:none;
    padding-right: 0px;
    padding-left: 28px;
    padding-top: 4px;
    padding-bottom: 0px;
}

/**
    ZUSATZMENU
*/

#zusatznavicontainer {
    padding-top: 359px;    
    width: 153px;

}

#zusatznavicontainer ul {
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

#zusatznavicontainer a {
    padding-right: 1px;
    padding-left: 1px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-left: 3px;
    margin-right: 0px;
    margin-top: 0px;
    width: 0px;
    background-color: #ffffff;
    border-bottom: 0px solid white;
    color: black;
}

html>body #zusatznavicontainer a {
    width: 150px;
}

#zusatznavicontainer a:link, #zusatznavicontainer a:visited {
    color: #000000;
    text-decoration: none;
}

#zusatznavicontainer a:hover {
    background-color: #ffffff;
    color: #ff0000;
}

#zusatznavicontainer a#current {
    background-color: #ffffff;
    text-decoration:none;
    font-weight:bold;
}

/**
    BILDWECHSEL
*/

#bigimg {
    position:absolute;
    margin-left: 11px;
    bottom: 199px
}

#smallimg {
    margin-right: 0px;
    margin-left: 50px;
    padding-top: 50px;
}

#inhalt {
    padding-top: 130px;
}

/**
    KONAKT
*/

.tx-akeasymailer-pi1 {
    margin-top:1.5em;
}

.tx-akeasymailer-pi1 label {
    display:block;
    float:left;
    width:7em;
    text-align:right;
    padding:0.2em 0.6em 0.2em 0;
}

.tx-akeasymailer-pi1 input {
    margin-bottom:0.25em;
}

.tx-akeasymailer-pi1 textarea {
    width:20em;
}

.tx-akeasymailer-pi1 .mandatory {
    color:#F88D20;
    font-weight:bold;
}

.tx-akeasymailer-pi1 .errorText {
    display:block;
    margin:0.25em 0 0 7.6em;
}

.tx-akeasymailer-pi1 .controls {
    margin-top:1em;
    padding-left:7.6em;
}

input, textarea {
    border:1px solid #CCC;
    padding:2px;
    font-size:1em;
}

button {
    border:2px outset #000017;
    background:#000017;
    color:#FFF;
    padding:0.25em 0.5em;
    font-weight:bold;
    cursor:pointer;
}

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
  <title>Template</title>
  <link rel="stylesheet" href="http://localhost/typo3wamp/uploads/tf/Template.css" type="text/css">
</head>

<body>
<!-- ###DOCUMENT_BODY### start-->
<br>

<table style="text-align: left; 
    margin-left: 110px; 
    margin-right: 110px; 
    width: 154px; 
    height: 739px;" 
    border="0" 
    cellpadding="0" 
    cellspacing="0">

  <tbody>
    <tr>

      <td style="background-image: url(http://localhost/typo3wamp/uploads/tf/kingebiel_header_links.gif); 
    background-repeat:     no-repeat; 
    height: 301px; 
    font-family: Arial; 
    white-space: nowrap; 
    width: 231px;">

      <div id="namenformatierung">
       <span style="font-family: Arial;">
    Holzbau&nbsp;&amp;&nbsp;Bedachungen<br>
    Uwe&nbsp;Klingebiel&nbsp;GmbH<br>
    Zimmerer&nbsp;&amp;&nbsp;Dachdeckermeister
            
                               </span>
                  </div>
                      </td>

<td style="background-image: url(http://localhost/typo3wamp/uploads/tf/kingebiel_header_mitte.gif); 
    background-repeat: no-repeat; 
    width: 421px;">      

<div style="margin-top: 177px;">
<img src="http://localhost/typo3wamp/uploads/tf//kingebiel_header_mitte_oberteil.gif" alt=""></div>
      </td>
      <td style="background-image: url(http://localhost/typo3wamp/uploads/tf/kingebiel_header_rechts.gif); background-repeat: no-repeat; height: 302px; width: 282px;">


<!-- ###ZUSATZ_NAVI### start-->
      <div id="zusatznavicontainer">
     <ul>
<li><a href="#">Start</a></li>
<li><a href="#">Kontackte</a></li>
<li><a href="#">Impressum</a></li>
        </ul>      
          </div>
<!-- ###ZUSATZ_NAVI### stop--> 

</td>
    </tr>

    <tr>
      <td style="background-image: url(http://localhost/typo3wamp/uploads/tf/klingebiel_Black_links.JPG); 
    text-align: left; 
    height: 301px; 
    width: 231px;">
              </td>
      
<td style="height: 175px; width: 412px;">
    <div id= "inhalt">

<!-- ###INHALT_MITTE### start-->
Hier befindet sich ein Text der als Platzhalter dient
<!-- ###INHALT_MITTE### stop--> 

</div>

<!-- ###BILDER_MITTE### start-->
Hier befinden sich Bilder die als Platzhalter dienen
<!-- ###BILDER_MITTE### stop--></td>
      
<td style="background-image: url(http://localhost/typo3wamp/uploads/tf/klingebiel_Black_links.JPG); height: 175px; text-align: left; width: 282px;">

<!-- ###HAUPT_NAVI### start-->
      <div id="mainnavcontainer">
      <ul>
        <li><a href="#">Leistungen</a></li>
        <li><a href="#">Planung</a></li>
        <li><a href="#">Sanierung</a></li>
        <li><a href="#">Qualit&auml;t</a></li>
        <li><a href="#">Service</a></li>
        <li><a href="#">Partner</a></li>
        <li><a href="#">Jobs</a></li>
      </ul>
      </div>
<!-- ###HAUPT_NAVI### stop--> </td>
  
  </tr>
    <tr>
      
<td style="background-image: url(http://localhost/typo3wamp/uploads/tf/klingebiel_Black_links.JPG); text-align: left; height: 301px; width: 231px;">
      <div style="text-align: left;">
    <img style="width: 301px; height: 301px;" src="http://localhost/typo3wamp/uploads/tf/klingebiel_Black_links.JPG" alt=""></div>
              </td>
      
 <td style="height: 175px; text-align: left; width: 412px;">
      <div style="text-align: left;">
    <img src="http://localhost/typo3wamp/uploads/tf/kingebiel_header_mitte_unterteil.GIF" alt=""></div>
         </td>
      
<td style="background-image: url(http://localhost/typo3wamp/uploads/tf/klingebiel_Black_links.JPG); text-align: left; height: 302px; width: 282px;">
      <img style="width: 301px; height: 302px;" src="http://localhost/typo3wamp/uploads/tf/klingebiel_Black_links.JPG" alt=""></td>
    </tr>
  </tbody>
</table>
<!-- ###DOCUMENT_BODY### stop-->
</body>
</html>

DOch muss ich sagen nach reichlicher überprüfung und rumgespiele am code, habe ich es nicht geschaft den grafik fehler zu beheben. der iE stellt das bild immer noch an die falsche stelle.. die frage ist was nun ?

steini

Edit: so allgemein.... walum wird der html text bei mir so komisch im ferster dagestellt ? xD

Efchen · 4 Februar 2009

Steinvirus schrieb:
Edit: so allgemein.... walum wird der html text bei mir so komisch im ferster dagestellt ? xD

Weil das [*HTML]-Tag hier im Forum etwas kaputt ist. Editiere den Beitrag einfach nochmal und mach ein [*CODE]-Tag draus, dann ists auch für uns besser lesbar.

Gibts schon einen Link zur Seite?

Steinvirus · 4 Februar 2009

Dada Editirt xD

nein noch leider ist sie immer noch lokal.. ich weiß nicht das problem ist halt das ben nur diese eine sache falsch dagestellt wird... ich hate ja n sreen gemacht.. die texte haben sich eingerückt als ich den code n bischen gesäubert hatte. ist auch ok so .. jetzt ist die frage das mach ich mit dem immer noch verrückten bild.. vielleicht zur erklärung : das ganze ist eine kleine gallerie. mit einem großen und einem kleinen bild. wenn man auf das kleine klickt wechselt es logischerweiße. die ganze funktion ist in einem cms eingebunden das sich typo3 nennt. jedoch ist das bildwechsel so eingebunden das es nur das bild nach oben vergrößert. es hat nichts mit der positionirung oder der größe zu tuhen. das läuft über css und html.

steini

Loon3y · 4 Februar 2009

Ich hab deinen Post eins über mir nicht gelsen, da mir an deinen Code folgendes sofort negatives auffällt:

1. Den Style nicht in eine CSS-datei ausgelagert
2. Tabelle für Layoutzwecke
3. <br> für Abstände statts margin (außenabstand) oder padding (innenabstand)

und...

4. Das wirst du wohl nochmal neu machen müssen, komplett ^^

Da muss ich nicht weiter lesen, sry :|

Grüße
Loon3y

Conditional Comments

Steinvirus

Neues Mitglied

Efchen

Guest

Steinvirus

Neues Mitglied

Efchen

Guest

Steinvirus

Neues Mitglied

Loon3y

Neues Mitglied

Steinvirus

Neues Mitglied

Loon3y

Neues Mitglied

Steinvirus

Neues Mitglied

Efchen

Guest

Steinvirus

Neues Mitglied

Efchen

Guest

Steinvirus

Neues Mitglied

Loon3y

Neues Mitglied

Neueste Beiträge