FORUM » TypoScript » Barrierefreiheit

Im Firefox nach dem Bild großer Abstand

Autor Nachricht
Verfasst am: 11.02.2008 [13:17]
boki_s78

[Themenersteller]
dabei seit: 28.01.2008
Beiträge: 29
 Habe folgendes Problem, und zwar nach dem großem Bild in www.tadiair.de ist in Firefox großer Zellenumbruch oder wie soll ich das nennen. In I.E alles okay.... habe es versucht in quellentext zu schauen und das Ergebnis was in meinem css nicht drinne ist:
Html4strict:Zeilennummerierung:  An / Aus

  1. <div class="csc-textpic-imagewrap" style="width:590px;"><dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:590px;"><dt><img src="uploads/pics/tadiran_spaaren_07.jpg" width="590" height="300" border="0" alt="" /></dt>
  2.                         </dl>
  3.                         </div>


Mein height ist auf 600px eingestellt.... aber das sollte nicht das Problem sein oder? weil in I.E. ist alles okay.

Vielen Dank für eure Antworten in vorraus

[Dieser Beitrag wurde 1 mal bearbeitet. Zuletzt am 11.02.2008 um 13:18]
Verfasst am: 11.02.2008 [14:53]
Tante Jensen


dabei seit: 09.10.2007
Beiträge: 68
 hi, div.csc-textpic-above div.csc-textpic-text hat ein clear: both;, div.csc-textpic-clear (total überraschenderweise :-)) auch.

Wenn du die clears rausnimmst, rutscht's hoch. Keine Ahnung, wieso. Ich habs nicht im Ie getestet.



Unser geheimer Schlachtplan: Wir gehen rein, schnappen die Beute, hauen wieder ab.
www.billiton.de
Verfasst am: 13.02.2008 [09:58]
boki_s78

[Themenersteller]
dabei seit: 28.01.2008
Beiträge: 29
 Danke Jensen!
Werde es noch genauer untersuchen und anschauen.....falls jemand vorschlag hat oder tip dann bitte melden.
Verfasst am: 28.02.2008 [09:20]
boki_s78

[Themenersteller]
dabei seit: 28.01.2008
Beiträge: 29
 Ich komme da einfach nicht weiter. In css habe ich echt viel geändert und leider kein Erfolg!


hier mein ganzes css
Html4strict:Zeilennummerierung:  An / Aus

  1. body {
  2.        
  3.         background-image:url(bg_3.jpg);
  4.         background-repeat:repeat-x;
  5.         text-align: center;
  6.         margin: 0px auto;
  7.         font-family: Verdana, Arial, Helvetica, sans-serif;
  8.         font-size: 11px;
  9.        
  10. }
  11.  
  12. /*---------------------------------------------------------------------------- */
  13.  
  14. #container {
  15.         margin: 0px auto;
  16.          text-align: left;
  17.          width: 800px;
  18.        
  19. }
  20.  
  21. /*---------------------------------------------------------------------------- */
  22.  
  23. #top{
  24.         height: 60px;
  25.         background-color: #FFFFFF;
  26. }
  27.  
  28. /*---------------------------------------------------------------------------- */
  29.  
  30. #banner{
  31.         background-position: top;
  32.         background-image: url(./tadiair.jpg);
  33.         height: 250px;
  34.         background-repeat: no-repeat;
  35.         width: 800px;
  36.         border-color: #999999;
  37. }
  38.  
  39.  
  40. /*-------------typo3 input override------------------------------------------- */
  41.  
  42. .align-right { text-align:right; }
  43. .align-left { text-align:left; }
  44. .align-center { text-align:center; }
  45.  
  46. .csc-textpic-clear { clear:both; }
  47. .csc-textpic-imagewrap { padding:0px; }
  48. .csc-textpic-caption { font-size: 1px; }   
  49. .csc-textpic {overflow:hidden;}
  50.  
  51. dl.csc-textpic-image { margin:0px; }
  52. dl.csc-textpic-image dd { margin:0px; }
  53. dl.csc-textpic-image dt { display:inline; margin:0px; }
  54.  
  55. .csc-textpic img { border:medium none; }
  56.  
  57. html .csc-textpic-intext-left-nowrap .csc-textpic-text { height:1%; }
  58. html .csc-textpic-intext-right-nowrap .csc-textpic-text { height:1%; }
  59.  
  60. .csc-textpic .csc-textpic-imagecolumn { display:inline; float:left; }
  61. .csc-textpic .csc-textpic-imagerow { clear:both; }
  62.  
  63. .csc-textpic .csc-textpic-imagewrap .csc-textpic-firstcol { margin-left:0px! important; }
  64. .csc-textpic .csc-textpic-imagewrap .csc-textpic-lastcol { margin-right:0px! important; }
  65.  
  66. .csc-textpic .csc-textpic-imagewrap .csc-textpic-image { float:left; margin-bottom:5px; }
  67. .csc-textpic .csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin:0px; }
  68. .csc-textpic .csc-textpic-imagewrap .csc-textpic-image img { margin:0px; }
  69.  
  70. .csc-textpic .csc-textpic-imagewrap dl.csc-textpic-image { float:left; }
  71. .csc-textpic .csc-textpic-imagewrap dl.csc-textpic-image dd { float:none; }
  72. .csc-textpic .csc-textpic-imagewrap dl.csc-textpic-image dd img { border:medium none; }
  73. .csc-textpic .csc-textpic-imagewrap dl.csc-textpic-image dt { float:none; }
  74.  
  75. .csc-textpic .csc-textpic-imagewrap ul { padding:0px; margin:0px; list-style-type:none; }
  76. .csc-textpic .csc-textpic-imagewrap ul li { padding:0px; float:left; margin:0px; }
  77.  
  78. .csc-textpic-above .csc-textpic-text { clear:both; }
  79.  
  80. .csc-textpic-border .csc-textpic-imagewrap .csc-textpic-image img { border:black 2px solid; padding:0px;  }
  81.  
  82. .csc-textpic-caption-c .csc-textpic-caption { text-align:center; }
  83. .csc-textpic-caption-l .csc-textpic-caption { text-align:left; }
  84. .csc-textpic-caption-r .csc-textpic-caption { text-align:right; }
  85.  
  86. .csc-textpic-center { text-align:center; }
  87. .csc-textpic-center .csc-textpic-imagewrap { margin:0px auto; }
  88. .csc-textpic-center .csc-textpic-imagewrap .csc-textpic-image { display:inline; margin-left:10px; text-align:left; }
  89. .csc-textpic-center .csc-textpic-text { text-align:left; }
  90.  
  91. .csc-textpic-equalheight .csc-textpic-imagerow { display:block; margin-bottom:5px; }
  92.  
  93. .csc-textpic-intext-left .csc-textpic-imagewrap { float:left; margin-right:10px! important; }
  94. .csc-textpic-intext-left .csc-textpic-imagewrap .csc-textpic-image { display:inline; margin-right:10px; }
  95. .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap .csc-textpic-image { display:inline; margin-right:10px; }
  96. .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { clear:both; float:left; margin-right:10px! important; }
  97.  
  98. .csc-textpic-intext-right .csc-textpic-imagewrap { float:right; margin-left:10px! important; }
  99. .csc-textpic-intext-right .csc-textpic-imagewrap .csc-textpic-image { display:inline; margin-left:10px; }
  100. .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap .csc-textpic-image { display:inline; margin-left:10px; }
  101. .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { clear:both; float:right; margin-left:10px! important; }
  102.  
  103. .csc-textpic-left .csc-textpic-imagewrap { float:left; }
  104. .csc-textpic-left .csc-textpic-imagewrap .csc-textpic-image { display:inline; margin-right:10px; }
  105. .csc-textpic-left .csc-textpic-text { clear:left; }
  106.  
  107. .csc-textpic-right .csc-textpic-imagewrap { float:right; }
  108. .csc-textpic-right .csc-textpic-imagewrap .csc-textpic-image { display:inline; margin-left:10px; }
  109. .csc-textpic-right .csc-textpic-text { clear:right; }
  110.  
  111. /*---------------------------------------------------------------------------- */
  112.  
  113.  
  114. #menu_1{
  115.         float: right;
  116.         width: auto;
  117.         text-align: left;
  118.         padding: 10px 10px 0 0;
  119. }
  120.  
  121. #menu_1_ul {
  122.         width:auto;
  123.         float:right;
  124.         margin:0;
  125.         margin-top:0px;
  126.         margin-right: 5px;
  127. }
  128.  
  129. #menu_1_ul ul {
  130. list-style-type: none;
  131. margin: 0px;
  132. padding: 0px;
  133. }
  134.  
  135. #menu_1_ul li {
  136. display: inline;
  137. margin: 0px;
  138. padding: 0px;
  139. }
  140.  
  141. #menu_1_ul a{
  142. font-family: Verdana, Arial, Helvetica, sans-serif;
  143. font-size:11px;
  144. }
  145.  
  146.  
  147. #menu_1_ul a:link{
  148. font-family: Verdana, Arial, Helvetica, sans-serif;
  149. font-size:11px;
  150. color:#666666;
  151. text-decoration:none;
  152. }
  153. #menu_1_ul a:hover{
  154. text-decoration:underline;
  155. color:#669933;
  156. }
  157. #menu_1_ul a:visited{
  158. text-decoration:underline;
  159. color:#666666;
  160. }
  161.  
  162. /*---------------------------------------------------------------------------- */
  163.  
  164. #name{
  165.         padding-left: 20px;
  166.         padding-top: 10px;
  167.         padding-bottom: 2px;
  168. }
  169. #pass{
  170.         padding-left: 20px;
  171.         padding-top: 2px;
  172.         padding-bottom: 2px;
  173. }
  174. #login{
  175.         padding-left: 20px;
  176.         padding-top: 2px;
  177.         padding-bottom: 5px;
  178. }
  179.  
  180.  
  181. #suche{
  182.         padding-left: 20px;
  183.         padding-top: 10px;
  184.         padding-bottom: 2px;
  185.         width: 150px;
  186. }
  187.  
  188.  
  189.  
  190. /*---------------------------------------------------------------------------- */
  191.  
  192.  
  193. #menu_left{
  194.         width: 180px;
  195.         padding: 0;
  196.         display: inline;
  197.         height: auto;
  198.        
  199.         float: left;
  200.         font-family: Verdana, Arial, Helvetica, sans-serif;
  201.         font-size: 10px;
  202.        
  203. }
  204. #menu_left h1{
  205.         font-size: 12px;
  206.         font-family: Verdana, Arial, Helvetica, sans-serif;
  207.         height: 15px;
  208.         text-align: center;
  209.         background-color:#626566;
  210.         width: 180px;
  211.         margin-bottom: 0px;
  212.         margin-top: 0px;
  213.         color: #FFFFFF;
  214.         padding-top: 3px;
  215.         padding-bottom: 3px;
  216.         background-image: url(./menubg.jpg);
  217.         background-repeat: repeat-x;
  218.        
  219. }
  220.  
  221. #menu_left ul.sidemenu {
  222.         list-style: none;
  223.         margin: 10px 0 10px 15px;
  224.         padding: 0;
  225.         width: 180px;
  226.         margin-left: 0px;
  227.         margin-top: 0px;
  228.         font-family: Tahoma;
  229.        
  230.  
  231. }
  232. #menu_left ul.sidemenu li {
  233.         border-bottom: 1px #FFFFFF solid;
  234. }
  235. #menu_left ul.sidemenu a {
  236.         font-weight: normal;
  237.         font: 70% Tahoma;
  238.         display: block;
  239.         color: #333;
  240.         text-decoration: none;
  241.         padding: 2px 5px 2px 2px;
  242.         background: #dededd;
  243.         border-left: 4px solid #333;
  244.         min-height: 18px;
  245.         letter-spacing:0px;
  246.         word-spacing:-1px;
  247. }
  248.  
  249. * html body #menu_left ul.sidemenu a { height: 18px; }
  250.  
  251. #menu_left ul.sidemenu a:hover {
  252.         font-weight: normal;
  253.         font: 70% Tahoma;
  254.         display: block;
  255.         color: 99ae6a;
  256.         text-decoration: none;
  257.         padding: 2px 5px 2px 2px;
  258.         background: #dededd;
  259.         border-left: 4px #9EC630 solid;
  260.         min-height: 18px;
  261.         letter-spacing:0px;
  262.         word-spacing:-1px;
  263.  
  264. }
  265.  
  266. /*---------------------------------------------------------------------------- */
  267.  
  268. ul#nav,
  269. ul#nav ul {
  270.         margin: 0;
  271.         padding: 0;
  272.         width: 180px; /* Width of Menu Items */
  273.         border-bottom: 1px solid #ccc;
  274.         background: #fff; /* IE6 Bug */
  275.         color: black;
  276.         font-size: 11px;       
  277.         }
  278.  
  279. ul#nav li {
  280.         position: relative;
  281.         list-style: none;
  282.        
  283.         }
  284.  
  285. ul#nav li a {
  286.         display: block;
  287.         text-decoration: none;
  288.         color: #656565;
  289.         padding: 5px;
  290.         border: 1px solid #ccc;
  291.         border-bottom: 0;
  292.         background-image: url(./menubg_active.jpg);
  293.         background-repeat: repeat-x;
  294.         }
  295.        
  296.  
  297. /* Lösung für IE. \*/
  298. * html ul#nav li { float: left; height: 1%; }
  299. * html ul#nav li a { height: 1%; }
  300. /* Ende */
  301.  
  302. ul#nav ul {
  303.         position: absolute;
  304.         display: none;
  305.         left: 180px;
  306.         top: 0;
  307.         }
  308.  
  309. ul#nav li ul li a { padding: 5px 5px; }
  310.  
  311. ul#nav li:hover ul ul,
  312. ul#nav li:hover ul ul ul,
  313. ul#nav li.over ul ul,
  314. ul#nav li.over ul ul ul { display: none; }
  315.  
  316. ul#nav li:hover ul,
  317. ul#nav li li:hover ul,
  318. ul#nav li li li:hover ul,
  319. ul#nav li.over ul,
  320. ul#nav li li.over ul,
  321. ul#nav li li li.over ul { display: block; } /
  322.  
  323.  
  324. ul#nav li.menuparent:hover,
  325. ul#nav li.over {
  326.         background-color: #f9f9f9;
  327. }
  328.  
  329.  
  330. ul#nav li a:hover {
  331.         color: #656565;        
  332. }
  333.  
  334.  
  335. /*---------------------------------------------------------------------------- */
  336.  
  337. #menu_2{
  338.         float: right;
  339.         width: auto;
  340.         text-align: left;
  341.         padding: 5px 10px 0 0;
  342. }
  343.  
  344. #menu_2_ul {
  345.         width:auto;
  346.         float:right;
  347.         margin:0;
  348.         margin-top:0px;
  349.         margin-right: 5px;
  350. }
  351. #menu_2_ul ul {
  352. list-style-type: none;
  353. margin: 0px;
  354. padding: 0px;
  355. }
  356. #menu_2_ul li {
  357. display: inline;
  358. margin: 0px;
  359. padding: 0px;
  360. }
  361. #menu_2_ul a{
  362. font-family: Verdana, Arial, Helvetica, sans-serif;
  363. font-size:11px;
  364. }
  365.  
  366. #menu_2_ul a:link{
  367. font-family: Verdana, Arial, Helvetica, sans-serif;
  368. font-size:11px;
  369. color:#666666;
  370. text-decoration:none;
  371. }
  372. #menu_2_ul a:hover{
  373. text-decoration:underline;
  374. color:#669933;
  375. }
  376. #menu_2_ul a:visited{
  377. text-decoration:none;
  378. color:#666666;
  379. }
  380.  
  381. /*---------------------------------------------------------------------------- */
  382.  
  383.  
  384. #menu_3 {
  385.         width: auto;
  386.         height: 18px;
  387.         color: #FFFFFF;
  388.         top: 3px;
  389.         padding-top: 231px;
  390.         padding-right: 15px;
  391.         text-align: right;
  392. }
  393. #menu_3_ul ul {
  394.         list-style-type: none;
  395.         margin: 0px;
  396. }
  397. #menu_3_ul li {
  398.         display: inline;
  399.         padding: 0px;
  400.         float: right;
  401.         padding-right: 3px;
  402.         font-weight: bold;
  403. }
  404. #menu_3_ul a {
  405. font-family: Verdana, Arial, Helvetica, sans-serif;
  406. font-size:11px;
  407.  
  408. }
  409.  
  410.  
  411.  
  412. #menu_3 a span {
  413.    float:left;
  414.    display:block;
  415.    padding:2px 15px 3px 8px;
  416.    color: #FFF;
  417.    border-right:1px #FFFFFF
  418.    
  419.    solid}
  420.  
  421. #menu_3 a span {float:none;}
  422. /* End IE5-Mac hack */
  423. #menu_3 a:hover span {
  424.         color:#FFF;
  425. }
  426. #menu_3_ul a:link{
  427.         font-family: Verdana, Arial, Helvetica, sans-serif;
  428.         font-size:11px;
  429.         color:#FFFFFF;
  430.         text-decoration:none;
  431. }
  432. #menu_3_ul a:hover{
  433.         text-decoration:underline;
  434.         color:#CCCCCC;
  435. }
  436. #menu_3_ul a:visited{
  437.         text-decoration:none;
  438.         color:#CCCCCC;
  439. }
  440.  
  441. /*---------------------------------------------------------------------------- */
  442.  
  443. #main_container{
  444.         height: auto;
  445.         margin-top: 0px;
  446.         background-color: #ffffff;
  447.         background-image: url(img/bg_right.jpg);
  448.         background-position: right;
  449.         background-repeat: repeat-y;
  450.         width: 800px;
  451. }
  452.  
  453. /*---------------------------------------------------------------------------- */
  454.  
  455.  
  456.  
  457. #main_content
  458. {
  459.         margin: 0px 5px 0 180px;
  460.         padding: 5px 5px 5px 5px;
  461.         width: auto;
  462.         background-color: #FFFFFF;
  463.         height: 650px;
  464.         }
  465.        
  466. #main_content p{
  467.         font-family: Arial, Helvetica, sans-serif;
  468.         font-size: 12px;
  469.         margin: 0 5px 0 5px;
  470.         padding-left: 5px;
  471.         padding-right: 5px;
  472.         padding-top: 0px;
  473.         padding-bottom: 5px;
  474. }
  475.  
  476. #main_content h1{
  477.         font-family: Tahoma, Arial;
  478.         font-weight: bold;
  479.         font-size: 14px;
  480.         margin: 0 0 0 5px;
  481.         padding-left: 5px;
  482.         padding-right: 5px;
  483.         padding-top: 5px;
  484.         padding-bottom: 15px;
  485.         background-image: url(./h1_bg.jpg);
  486.         background-repeat: repeat-x;
  487.         margin-top: 5px;
  488.         color: #666666;
  489. }
  490. #main_content h2{}
  491. #main_content h3{}
  492.  
  493. /*---------------------------------------------------------------------------- */
  494.  
  495. #right{
  496.         width: 148px;
  497.         height: 600px;
  498.         background-color: #CCCCCC;
  499.         float: right;
  500.         background-image: url(img/bg_right.jpg);
  501.         background-repeat: repeat-y;
  502.         margin-top: 0px;
  503. }
  504.  
  505. #right p{
  506.         width: 180px;
  507.         font-family: Vedrana;
  508.         font-size: small;
  509.         margin: 10px;
  510.         margin-top: 0;
  511.         margin-left: 5px;
  512. }
  513.  
  514.  
  515. /*---------------------------------------------------------------------------- */
  516.  
  517. #footer{
  518.         border-top-style: solid;
  519.         border-color: #999999;
  520.         border-width: 1px;
  521.         padding-top: 5px;
  522.         font-family: Tahoma, Arial;
  523.         height: 20px;
  524.         padding-bottom: 5px;
  525.         background-image: url(./footer_bg.jpg);
  526.         background-repeat: repeat-x;
  527.  
  528. }
  529.  
  530. #footer a{
  531. font-family: Verdana, Arial, Helvetica, sans-serif;
  532. font-size:12px;
  533. }
  534.  
  535. #footer_menu{
  536.         font-size: 12px;
  537.         padding-left: 10px;
  538. }
  539.  
  540. /*---------------------------------------------------------------------------- */
  541.  
  542. a:link{
  543.         font-family: Verdana, Arial, Helvetica, sans-serif;
  544.         font-size:11px;
  545.         color:#666666;
  546.         text-decoration:none;
  547. }
  548. a:hover{
  549.         text-decoration:underline;
  550.         color:#666666;
  551. }
  552. a:visited{
  553.         text-decoration:none;
  554.         color:#666666;
  555. }
  556.  
  557. a:active{
  558.         text-decoration:none;
  559.         color:#666666;
  560. }
Verfasst am: 28.02.2008 [09:34]
just2b

[Moderator]
dabei seit: 04.08.2004
Beiträge: 15712
über 5000 Posts über 10000 Posts über 15000 Posts		 ja klar und was bringen jetzt uns 560 Zeilen an Code der absolut sinnlos ist wenn man die URL nicht hat und hätte man eine URL bräuchte man auch den CSS Code nicht posten

und ohne url kann man bei sowas eigentlich nur raten

georg
⇒ TYPO3 - inspiring people to share ⇐ aber kein Support per PM!
⇒ Das ist TS: lib.menu.20.if.value.stdWrap.numRows.select.pidInList.stdWrap.cObject.field = uid
⇒ in eigener Sache: · Meine Forumregeln · Meine Seite www.ringer.it · Meine Extensions · Content-Management-Systeme mit TYPO3 & RedDot ⇐
Verfasst am: 28.02.2008 [10:40]
boki_s78

[Themenersteller]
dabei seit: 28.01.2008
Beiträge: 29
 Sage alles was du brauchst.
www.tadiair.de
Verfasst am: 28.02.2008 [10:51]
boki_s78

[Themenersteller]
dabei seit: 28.01.2008
Beiträge: 29
 Kann das sein, daß ich in Einstellungen was ändern kann?

[Dieser Beitrag wurde 1 mal bearbeitet. Zuletzt am 28.02.2008 um 10:51]
Verfasst am: 28.02.2008 [11:06]
boki_s78

[Themenersteller]
dabei seit: 28.01.2008
Beiträge: 29
 Brauche ich bei "Include Static" was reinsetzen?

http://img175.imageshack.us/img175/2118/configsd8.jpg



Impressum | Kontakt | TYPO3-Hosting | TYPO3-Schulungen

  
TYPO3 Version 4.2.0 testen

TYPO3 Ver. 4.2.0 testen

Testen Sie die neue TYPO3 Version 4.2.0 kostenlos für einen Monat

TYPO3 Bücher

TYPO3 Workshops

TYPO3 Einführungsschulung
in Berlin:
Montag, 07.07.
in Espelkamp:
Montag, 04.08.
TYPO3 Intensivschulung
in Espelkamp:
Mi., 06.08. - Fr., 08.08.
in Würzburg:
Mo., 18.08. - Mi., 20.08.
in Köln:
Mo., 01.09. - Mi., 03.09.
in Berlin:
Mi., 24.09. - Fr., 26.09.
TYPO3 Extensionschulung
in Berlin:
Mo., 14.07. - Mi., 16.07.
in Espelkamp:
Mo., 11.08. - Mi., 13.08.