Preview Anzeigekästchen ausschalten?

Unbekannter Benutzer · 7. Juni 2006 14:28

hallo allerseits,

dies ist mein erster post hier. ich möchte alle begrüßen und schonmal vorab für eventuelle antworten danken.

mein problem:

wenn ich das previewnfenster aktiviere, dann erscheint immer auch dieses kästchen "preview" mitten im rechten frame und zerstückelt mir meine vorlage.
kann man das deaktivieren?

brink · 7. Juni 2006 14:32

Hallo Willkommen,

dann scheint was nicht mit Deiner Html-Vorlage zu stimmen. Kontrollier das doch mal. Oder Poste die hier mal.

Gruss Joachim Brink

Unbekannter Benutzer · 7. Juni 2006 14:39

mal der html-code. validiert habe ich ihn schon. deshalb kann ich mir nicht vorstellen, dass es daran liegt. aber man lernt ja nie aus.

<body>



<div id="top">
<div id="top_div1">
###LOGO###
</div>
<div id="top_div2">
###TRAILER###
</div>
</div>
<div id="menu_top" onmouseover="this.style.backgroundColor='#ff3333';" onmouseout="this.style.backgroundColor='';" >
<div id="div3">
###MENU_TOP###
</div>
</div>

<div id="menu_left">
###MENU_LEFT###
</div>

<div id="cont_mid_text">
<div>
###CONTENT###
</div>
</div>
<div id="menu_right">
###MENU_RIGHT###
</div>



</body>

grüße

brink · 7. Juni 2006 14:58

Test das doch mal. bei mir gings. #giggle#

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>

<body>

<!-- ###DOKUMENT### -->

<div id="top">
<div id="top_div1">
###LOGO###
</div>
<div id="top_div2">
###TRAILER###
</div>
</div>
<div id="menu_top" onmouseover="this.style.backgroundColor='#ff3333';" onmouseout="this.style.backgroundColor='';">
<div id="div3">
###MENU_TOP###
</div>
</div>


<div id="menu_left">
###MENU_LEFT###
</div>

<div id="cont_mid_text">
<div>
###CONTENT###
</div>
</div>
<div id="menu_right">
###MENU_RIGHT###
</div>

<!-- ###DOKUMENT### -->

</body>

</html>

Unbekannter Benutzer · 7. Juni 2006 15:17 · Beste Antwort

heißt das, bei dir wird dieses kleine rote kästchen "preview" nicht angezeigt?

wenn ich das nämlich weg bekomme uns sich nichts ändert, dann weiß ich, dass es vermutlich am css liegt(bemaßung).

brink · 7. Juni 2006 15:25

sickx schrieb
heißt das, bei dir wird dieses kleine rote kästchen "preview" nicht angezeigt?

wenn ich das nämlich weg bekomme uns sich nichts ändert, dann weiß ich, dass es vermutlich am css liegt(bemaßung).

Nein das Preview Kästchen ist da aber das Layout wird nicht zerstört.
Hast Du den Html Code mal in Deine Vorlage Übernommen?

Gruss Joachim Brink

brink · 7. Juni 2006 15:37

brink schrieb
sickx schrieb
heißt das, bei dir wird dieses kleine rote kästchen "preview" nicht angezeigt?

wenn ich das nämlich weg bekomme uns sich nichts ändert, dann weiß ich, dass es vermutlich am css liegt(bemaßung).

Nein das Preview Kästchen ist da aber das Layout wird nicht zerstört.
Hast Du den Html Code mal in Deine Vorlage Übernommen?

Gruss Joachim Brink

Das hattest Du ja schon gelesen oder:
#260532

Unbekannter Benutzer · 7. Juni 2006 15:42

ja hab ich. die beiden divs top_div1 und 2 sind da. das menu_top auch nur das div top ist nicht da. dafür klafft zwischen dem top und dem menu_top eine lücke.

hier ist die zugehörige css-datei mit der vollständigen html-datei.
die scc ist etwas zerpflückt, da die ürsprüngliche seite mehr code und zwei java-skripte enthielt. funktioniert aber.

ich möchte komplett auf typo umsteigen, deshalb ist die html soweit wie möglich abgespeckt und solte in typo eigentlich funktionieren.

die css-datei ist bis auf nicht definierte vorder- oder hintergrundfarben auch valide.

/*hauptstruktur des aufbaus einer seite*/

body
{height:100%; width:100%; background-color:#cfcfcf; border:0px; padding:0; margin:0; font-family:tahoma, sans-serif; font-size:0.8em; color:#ffffff;}

#top
{position:absolute; top:10px; left:10px; width:900px; height:75px; background-color:#808080; border:0; margin:0; 
padding:0;}

#top_div1
{background-color:#ff3300; width:250px; margin:5px; padding:5px; float:left;}

#top_div2
{background-color:#ff3300; margin:5px; padding:5px;}

#menu_top
{position:absolute; top:86px; left:10px; width:900px; height:25px; background-color:#808080; border:0; margin:0; 
padding:0; color:#ffffff; text-align:right;}

#div3
{padding:3px 10px 0 0;}

#menu_left
{position:absolute; top:112px; left:10px; width:150px; height:500px; background-color:#808080; border:0; margin:0; 
padding:0; color:#ffffff;}

#cont_mid_text
{position:absolute; top:112px; left:160px; width:600px; height:500px; background-color:#808080; border:0; margin:0; 
padding:0; color:#ffffff;}

#menu_right
{position:absolute; top:112px; left:759px; width:151px; height:500px; background-color:#808080; border:0; margin:0; 
padding:0; color:#ffffff;}

/*linkstruktur von #menu_top*/

#menu_top a:link
{text-align:left; padding:0; margin:0; text-decoration:none; color:#ffffff; font-size:0.7em;}

#menu_top a:visited
{text-align:left; padding:0; margin:0; text-decoration:none; color:#ffffff; font-size:0.7em;}
/*visited gelb(#ffff9f)*/

#menu_top a:hover
{text-align:left; padding:0; margin:0; text-decoration:none; color:#006666; font-size:0.7em;}

#menu_top a:active
{text-align:left; padding:0; margin:0; text-decoration:none; color:#009999; font-size:0.7em;}

#menu_top a:focus
{text-align:left; padding:0; margin:0; text-decoration:none; color:#009999; font-size:0.7em;} 

/*tabellen und sonstiger content von menu_top*/

#menu_top table
{margin-right:5px; padding-top:2px; width:400px;}

#menu_top tr
{margin:0; padding:0;}

#menu_top td
{margin:0; padding:0 5px;}




/*DETAILSTRUKTUR*/

/*struktur von #top*/

#logo1
{position:absolute; top:0px; left:0px; width:147px; height:73px; background-color:#cfcfcf; color:#cc00cc; border:1px solid #ffaa00; margin:0; 
padding:0;}

#topic
{position:absolute; top:0px; left:873px; width:147px; height:73px; background-color:#cfcfcf; color:#cc00cc; border:1px solid #ffaa00; margin:0; 
padding:0;}




/*linkstruktur von #menu_left*/

#menu_left a:link
{text-align:left; padding:0 0 2px 8px; margin:0; text-decoration:none; color:#ffffff; width:150px; font-size:0.8em;}

#menu_left a:visited
{text-align:left; padding:0 0 2px 8px; margin:0; text-decoration:none; color:#ffffff; width:150px; font-size:0.8em;}
/*visitedfarbe: color:#336666;*/

#menu_left a:hover
{text-align:left; padding:0 8px 2px 8px; margin:0; text-decoration:none; color:#006666; width:150px; font-size:0.8em; background:url(opffbglink2.gif) right no-repeat;}

#menu_left a:active
{text-align:left; padding:0 0 2px 8px; margin:0; text-decoration:none; color:#ffff9f; width:130px; font-size:0.8em;}

#menu_left a:focus
{text-align:left; padding:0 0 0 8px; margin:0; text-decoration:none; color:#009999; width:130px; font-size:0.8em;} 

.menu_left_bg
{align:left; padding:0; margin:0; width:150px; background:url(bglinkleft6.gif) no-repeat;}

#menu_left table
{cellpadding:0; cellspacing:0; margin:0;}



#platz
{margin:0; padding:0; border:0; height:7px; width:100px;}



/*================================================================================================================*/

#menu_right table
{margin:2px; padding:0; background-color:#ffffff; color:#006666; border:0;}

#menu_right tr
{padding:0; margin:0; border:0;}

#menu_right th
{margin:0; padding:2px 5px 2px 5px; background-color:#a9a9a9; border:0;}

#menu_right td
{margin:0; padding:1px 2px 3px 5px; font-size:0.8em; background-color:#fffff0; border:0;}

/*==========================================================================================*/






#testdiv
{margin:10px; height:150px; width:150px; background-color:#ff3333; float:left;}
/*<div id="testdiv"></div>*/

.midi
{margin:10px 10px 10px 10px;}

.abstand
{height:10px; padding:0; margin:0; border:0;}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>shm-doerner</title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <meta http-equiv="imagetoolbar" content="no">
    <link rel="stylesheet" type="text/css" href="shmdoerner.css">
  </head>
  <body>
  
  <!-- ###DOKUMENT### -->
  
    <div id="top">
      <div id="top_div1">
        ###LOGO###
      </div>
      <div id="top_div2">
        ###TRAILER###
      </div>
    </div>
    <div id="menu_top" onmouseover="this.style.backgroundColor='#ff3333';" onmouseout="this.style.backgroundColor='';" >
      <div id="div3">
        ###MENU_TOP###
      </div>
    </div>
    
    
    <div id="menu_left">
      ###MENU_LEFT###
    </div>
    
    <div id="cont_mid_text">
      <div>
        ###CONTENT###
      </div>
    </div>
    <div id="menu_right">
      ###MENU_RIGHT###
    </div>
    
  <!-- ###DOKUMENT### -->
  
  </body>
</html>

brink · 7. Juni 2006 15:52

Kannst noch TS (aus dem Setup) Posten das die Seite baut. Dann baue ich das mal nach?

Unbekannter Benutzer · 7. Juni 2006 16:06

hab schonmal einiges an der bemaßung im ts geändert.

außerdem hab ich die html und die css geändert, um den spielraum im top zu erhöhen.

vielen dank schonmal, dass du dir hier diese mühe machst. echt klasse. 😃

seite=PAGE
seite {
  typeNum=0
  bodyTag=<body bgColor="#dddddd>
  stylesheet=fileadmin/shmdoerner.css
  meta.AUTOR=Tobias Doerner
  meta.DESCRIPTION=Software und Hardware Management Doerner

  10=TEMPLATE
  10.template=FILE
  10.template.file=fileadmin/index.html
  10.workOnSubpart=DOKUMENT
  10.marks {
      TRAILER=IMAGE
      TRAILER.file=GIFBUILDER
      TRAILER.file {
          xy=200, 10
          backColor=#82bc8b
       }
   }
}

<div id="div1">
        ###LOGO###
      </div>
      <div id="div2">
        ###TRAILER###
      </div>

#div1
{background-color:#ff3300; margin:5px; padding:5px; float:left;}

#div2
{background-color:#ff3300; margin:5px; padding:5px;}

vllt. zur ergänzung:

root hat drei unterebenen: menu_top, menu_left und static_right

menu_top und menu_left haben sechs unterebenen.

brink · 7. Juni 2006 16:21

Ich hab den Fehler eingegrenzt. Es liegt am CSS. Ich suche mal... :o

Unbekannter Benutzer · 7. Juni 2006 17:10

eigentlich brauchst du nur die ersten 33 zeilen. alles darunter hat momentan nichts mehr mit der html-seite zu tun.

brink · 8. Juni 2006 11:15

sickx schrieb
eigentlich brauchst du nur die ersten 33 zeilen. alles darunter hat momentan nichts mehr mit der html-seite zu tun.

Ich hab jetzt alles durch. Es liegt nicht an der Html-Vorlage oder am CSS.
Wenn man Deine Seite auf einen Normalen Webserver ablegt läuft alles Wunderbar.
Muss folglich ein Typo3 Problem sein. Das kommt nicht so richtig mit den <DIV> klar. Werde mir das Heute Abend noch mal ansehen. ist schon spannent.

Gruss Joachim Brink

Unbekannter Benutzer · 8. Juni 2006 12:13

vielen dank erstmal.

das sind ja gute aussichten. ich arbeite nunmal nicht so gerne mit tabellen-layouts, die z.b. in dem hier downloadbaren tutorial abgebildet sind.
ich schick dir mal noch ne pm.
außerdem kann ich dir mitteilen, dass das gleiche problem mit <span>-tags auftaucht.