Flashforum - Die Community zu Adobe Flash, Flex AIR. Web Design und Inspiration.

Syracus · 07-07-2009, 15:24

Guten Abend werte Forengemeinde.

Ich habe bei einem Webprojekt ein CSS, HTML Problem.

Guckt euch das Projekt hier an: http://www.migroskulturprozentclassics.ch/html.php

Unten ist eine Notenlinie die 100% Breite anzeigt wenn man die Site auf einem Bildschirm anzeigt der grösser als 1200px ist. Aber nun zu meinem Problem: bei kleineren Sites wenn man scrollt bleibt immer rechts eine weisse Lücke. Probiert habe ich viel, doch weiter weiss ich nicht. Kann da jemand helfen.

Beste Grüsse, Syra

PHP-Code:

 
<body>

 
<?php

include "frontend/contentmaker.direct.inc.php";

echo <<<TEMPLATE_CM24

 
<table bgcolor="ffffff" width="1200" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>

    <td>

<div id="zentriert">        

    <div id="logo">

        {$logo}          

    </div>

    <div id="klubhaus">

        {$klubhaus} 
    </div>

    <div id="aktueller">

        {$aktueller} 
    </div>

    <div id="navi">

        {$menubild} 
        {$menu} 
    </div>    

    <div id="neuercontent">

        {$video} 
        <div id="leftnavi">

            {$leftmenu} 
        </div>

        <div id="content">

            {$content}      

        </div>        

    </div>    

</div> 

    </td>

  </tr>

</table>

 
<div id="unten">

    <table background="css/images/BG_NOTENLINIEN.png" height="300" width="100%" border="0" align="center" cellspacing="0" cellpadding="0">

  <tr>

    <td>&nbsp;</td>

  </tr>

</table>

    <div id="ganzunten">

        {$link} 
    </div>

</div>

TEMPLATE_CM24;

?>

 
</body>

Syracus · 07-07-2009, 15:29

Hier die Anlage und die Ansicht des Problems...

nullidee · 07-07-2009, 17:34

ööhm, du sagst aber der Tabelle dass sie 1200 breit sein soll und nur dem Tabellenhintergrund dass er 100% sein soll.

Syracus · 07-07-2009, 17:56

huch, sag ich das nicht nur der ersten Tabelle...?

Danke für die Antwort und Hilfe aber es sind ja zwei Tabellen untereinander. Du siehst ja wie die Site schon ist und was ich vor habe, siehst Du einen besseren Lösungsansatz?

Besten Dank und liebe Grüsse, Syra

nullidee · 07-07-2009, 18:22

ich hab von Html nicht wirklich Ahnung, aber lass doch die pseudofalsche Notenlinie weg

oder Tabelle unten auch 1200

PHP-Code:

  div id="unten">

<table height="300" width="1200" cellspacing="0" cellpadding="0" border="0" background="css/images/BG_NOTENLINIEN.png" align="center"> </table>

Syracus · 07-07-2009, 19:10

na also soweit bin ich auch gekommen

nichts für ungut. Aber die Frage war ja wie man das Problem lösen kann. Stellt man auf 1200 ist links und rechts ein Rand.

LG Syra

_geo_ · 07-07-2009, 22:53

Hab es mal mit firebug so hingetrickst, aber dass Tabellen basierende Layouts immer noch gemacht werden ist grauenvoll und wie ich finde (heutzutage) eine Vergewaltigung von html und css

.

PHP-Code:

  <body>
<div style="background: transparent url(css/images/BG_NOTENLINIEN.png) no-repeat scroll left bottom; min-width: 1200px; padding-bottom: 161px;">
<script src="swfobject.js" type="text/javascript"/>



       
<table width="1200" cellspacing="0" cellpadding="0" border="0" bgcolor="ffffff" align="center" style="display: block;">
<tbody><tr>
    <td>
<div id="zentriert">        
    <div id="logo">
        <a href="?lang=de"><img alt="LOGO" src="css/images/LOGO_DE.png"/></a>          
    </div>
    <div id="klubhaus">
        Gestern Klubhaus-Konzerte &#8211; heute Migros-Kulturprozent-Classics
    </div>
    <div id="aktueller">
        HOME
    </div>
    <div id="navi">
        <a href="?lang=fr&dplnk=&sub=&ul="><img alt="MENU" src="css/images/MENU_DE.png"/></a>
        <ul><li>HOME</li>
<li><a href="?lang=de&dplnk=m2">KONZERTKALENDER</a></li><li><a href="?lang=de&dplnk=m3">BIOGRAFIEN</a></li><li><a href="?lang=de&dplnk=m4">SCHWEIZER TALENTE</a></li><li><a href="?lang=de&dplnk=m6">TICKETS</a></li><li><a href="?lang=de&dplnk=m7">PRESSE</a></li><li><a href="?lang=de&dplnk=m8">MIGROS-KULTURPROZENT-CLASSICS</a></li><li><a href="?lang=de&dplnk=m9">KONTAKT</a></li><li><a href="?lang=de&dplnk=m10">LINKS & DOWNLOADS</a></li></ul>
    </div>    
    <div id="neuercontent">
        <div id="flashcontent"><embed width="800" height="600" quality="high" bgcolor="#ffffff" name="mymovie" id="mymovie" style="" src="swf/VIDEOPLAYER_html.swf?lang=de" type="application/x-shockwave-flash"/></div>
        <div id="leftnavi">
            
        </div>
        <div id="content">
                  
        </div>        
    </div>    
</div> 
    </td>
  </tr>
</tbody></table>
</div>
    <div id="ganzunten">
        <table align="center"><tbody><tr><td width="160" align="left">Konzept und Realisation<br/><a target="_blank" href="http://www.kulturprozent.ch"><img alt="MIGROS Kulturprozent" src="css/images/MIGROS_DE.png"/></a></td><td align="left">Medienpartner<br/><a target="_blank" href="http://www.drs2.ch"><img alt="MIGROS Kulturprozent" src="css/images/DRS2.png"/></a><a target="_blank" href="http://www.rsr.ch/espace-2"><img alt="MIGROS Kulturprozent" src="css/images/ESPACE.png"/></a><a target="_blank" href="http://retedue.rsi.ch"><img alt="MIGROS Kulturprozent" src="css/images/RETEDUO.png"/></a><a target="_blank" href="http://www.sonntagszeitung.ch"><img alt="MIGROS Kulturprozent" src="css/images/Sonntagszeitung.png"/></a><br/></td></tr><tr><td colspan="2"><a target="_self" href="flash.php?lang=de">Flash Version</a> - Copyright © 2009 <a target="_blank" href="http://www.migros-kulturprozent-classics.ch">Migros-Kulturprozent-Classics</a>.All rights reserved.</td></tr></tbody></table>
    </div>

</body>

Was hab ich geändert:
- einen Div rund um den content mit min-width 1200px; entsprechenden background und margins / padding.

Syracus · 08-07-2009, 07:44

Hi _geo, Du hast natürlich in allen Punkten recht und auch wir hätten nicht zu einer Tabelle gegriffen, doch mangels Alternativen haben wirs dann doch getan.

Deine Lösung ist interessant. Aber sie funzt nicht, wie man hier sehen kann: http://www.migros-kulturprozent-classics.ch/html3.php

Jedoch haben wir eine Lösung gefunden die geht: Sieht man hier:
http://www.migros-kulturprozent-clas...tml_my_new.php

und der Code ist so: Könnt ihr alle die Site problemlos sehen? (Notenlinie und scrolling usw.)

Falls wer eine weitere Lösung sieht, lasse er sich nicht aufhalten.

PHP-Code:

 
<body cellpadding="0" cellspacing="0">

 
<?php

include "frontend/contentmaker.direct.inc.php";

echo <<<TEMPLATE_CM24

<table border="0" align="center" cellpadding="0" cellspacing="0">

      <tr>

        <td width='20%'>&nbsp;</td>

        <td>

            <div id="logo">

                {$logo} 

            </div>

        </td>

        <td colspan="2">

            <div id="klubhaus">

                {$klubhaus} 
            </div>

        </td>

        <td colspan="2">

            <div id="aktueller">

                {$aktueller} 
            </div>

        </td>

        <td valign="top">

            <div id="navi">

                {$menubild} 
            </div> 

        </td>

        <td width='20%'>&nbsp;</td>

    </tr>

    <tr align="left"   valign="top">

        <td width='20%'>&nbsp;</td>

        <td colspan="5">

            <div id="neuercontent">

                {$video} 
                <div id="leftnavi">

                    {$leftmenu} 
                </div>

                <div id="content">

                    {$content}      

                </div>    

            </div>    

        </td>

        <td>

            <div id="navi">

                {$menu} 
            </div> 

        </td>

        <td width='20%'>&nbsp;</td>

     </tr>

    <tr>

        <div id="unten">

            <td background="css/images/BG_NOTENLINIEN.png" height="300" width="100%" border="0" colspan="10">        

            </td>

        </div>

    </tr>

    <td width='20%'>&nbsp;</td>

    </table>

    <div id="ganzunten">

        {$link}            

    </div>

TEMPLATE_CM24;

?>

</body>

07-07-2009, 15:24	#1 (permalink)
Syracus Ein Reisender... Registriert seit: May 2004 Beiträge: 105	Hintergrundbild beim Scrollen nie 100% Guten Abend werte Forengemeinde. Ich habe bei einem Webprojekt ein CSS, HTML Problem. Guckt euch das Projekt hier an: http://www.migroskulturprozentclassics.ch/html.php Unten ist eine Notenlinie die 100% Breite anzeigt wenn man die Site auf einem Bildschirm anzeigt der grösser als 1200px ist. Aber nun zu meinem Problem: bei kleineren Sites wenn man scrollt bleibt immer rechts eine weisse Lücke. Probiert habe ich viel, doch weiter weiss ich nicht. Kann da jemand helfen. Beste Grüsse, Syra PHP-Code: <body> <?php include "frontend/contentmaker.direct.inc.php"; echo <<<TEMPLATE_CM24 <table bgcolor="ffffff" width="1200" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td> <div id="zentriert"> <div id="logo"> {$logo} </div> <div id="klubhaus"> {$klubhaus} </div> <div id="aktueller"> {$aktueller} </div> <div id="navi"> {$menubild} {$menu} </div> <div id="neuercontent"> {$video} <div id="leftnavi"> {$leftmenu} </div> <div id="content"> {$content} </div> </div> </div> </td> </tr> </table> <div id="unten"> <table background="css/images/BG_NOTENLINIEN.png" height="300" width="100%" border="0" align="center" cellspacing="0" cellpadding="0"> <tr> <td> </td> </tr> </table> <div id="ganzunten"> {$link} </div> </div> TEMPLATE_CM24; ?> </body> __________________ Handle so, dass die Maxime Deines Willens als Gesetzgebung gilt :o)

07-07-2009, 17:34	#3 (permalink)
nullidee Nix Wisser Registriert seit: May 2003 Ort: Würzburg, Kleinstadt Beiträge: 3.510	ööhm, du sagst aber der Tabelle dass sie 1200 breit sein soll und nur dem Tabellenhintergrund dass er 100% sein soll. __________________ nullidee Abakus GT 10² Kugeln - 80"Leinwand - CARAN D´ACHE SUPRACOLOR®

07-07-2009, 17:56	#4 (permalink)
Syracus Ein Reisender... Registriert seit: May 2004 Beiträge: 105	huch huch, sag ich das nicht nur der ersten Tabelle...? Danke für die Antwort und Hilfe aber es sind ja zwei Tabellen untereinander. Du siehst ja wie die Site schon ist und was ich vor habe, siehst Du einen besseren Lösungsansatz? Besten Dank und liebe Grüsse, Syra __________________ Handle so, dass die Maxime Deines Willens als Gesetzgebung gilt :o)

07-07-2009, 18:22	#5 (permalink)
nullidee Nix Wisser Registriert seit: May 2003 Ort: Würzburg, Kleinstadt Beiträge: 3.510	ich hab von Html nicht wirklich Ahnung, aber lass doch die pseudofalsche Notenlinie weg oder Tabelle unten auch 1200 PHP-Code: `div id="unten"> <table height="300" width="1200" cellspacing="0" cellpadding="0" border="0" background="css/images/BG_NOTENLINIEN.png" align="center"> </table>` __________________ nullidee Abakus GT 10² Kugeln - 80"Leinwand - CARAN D´ACHE SUPRACOLOR®

07-07-2009, 19:10	#6 (permalink)
Syracus Ein Reisender... Registriert seit: May 2004 Beiträge: 105	Html na also soweit bin ich auch gekommen nichts für ungut. Aber die Frage war ja wie man das Problem lösen kann. Stellt man auf 1200 ist links und rechts ein Rand. LG Syra __________________ Handle so, dass die Maxime Deines Willens als Gesetzgebung gilt :o)

07-07-2009, 22:53	#7 (permalink)
_geo_ ~~~~~~~~~~~~ Registriert seit: May 2002 Ort: AUSTRIA (OÖ) Beiträge: 3.298	Hab es mal mit firebug so hingetrickst, aber dass Tabellen basierende Layouts immer noch gemacht werden ist grauenvoll und wie ich finde (heutzutage) eine Vergewaltigung von html und css . PHP-Code: <body> <div style="background: transparent url(css/images/BG_NOTENLINIEN.png) no-repeat scroll left bottom; min-width: 1200px; padding-bottom: 161px;"> <script src="swfobject.js" type="text/javascript"/> <table width="1200" cellspacing="0" cellpadding="0" border="0" bgcolor="ffffff" align="center" style="display: block;"> <tbody><tr> <td> <div id="zentriert"> <div id="logo"> <a href="?lang=de"><img alt="LOGO" src="css/images/LOGO_DE.png"/></a> </div> <div id="klubhaus"> Gestern Klubhaus-Konzerte – heute Migros-Kulturprozent-Classics </div> <div id="aktueller"> HOME </div> <div id="navi"> <a href="?lang=fr&dplnk=&sub=&ul="><img alt="MENU" src="css/images/MENU_DE.png"/></a> <ul><li>HOME</li> <li><a href="?lang=de&dplnk=m2">KONZERTKALENDER</a></li><li><a href="?lang=de&dplnk=m3">BIOGRAFIEN</a></li><li><a href="?lang=de&dplnk=m4">SCHWEIZER TALENTE</a></li><li><a href="?lang=de&dplnk=m6">TICKETS</a></li><li><a href="?lang=de&dplnk=m7">PRESSE</a></li><li><a href="?lang=de&dplnk=m8">MIGROS-KULTURPROZENT-CLASSICS</a></li><li><a href="?lang=de&dplnk=m9">KONTAKT</a></li><li><a href="?lang=de&dplnk=m10">LINKS & DOWNLOADS</a></li></ul> </div> <div id="neuercontent"> <div id="flashcontent"><embed width="800" height="600" quality="high" bgcolor="#ffffff" name="mymovie" id="mymovie" style="" src="swf/VIDEOPLAYER_html.swf?lang=de" type="application/x-shockwave-flash"/></div> <div id="leftnavi"> </div> <div id="content"> </div> </div> </div> </td> </tr> </tbody></table> </div> <div id="ganzunten"> <table align="center"><tbody><tr><td width="160" align="left">Konzept und Realisation<br/><a target="_blank" href="http://www.kulturprozent.ch"><img alt="MIGROS Kulturprozent" src="css/images/MIGROS_DE.png"/></a></td><td align="left">Medienpartner<br/><a target="_blank" href="http://www.drs2.ch"><img alt="MIGROS Kulturprozent" src="css/images/DRS2.png"/></a><a target="_blank" href="http://www.rsr.ch/espace-2"><img alt="MIGROS Kulturprozent" src="css/images/ESPACE.png"/></a><a target="_blank" href="http://retedue.rsi.ch"><img alt="MIGROS Kulturprozent" src="css/images/RETEDUO.png"/></a><a target="_blank" href="http://www.sonntagszeitung.ch"><img alt="MIGROS Kulturprozent" src="css/images/Sonntagszeitung.png"/></a><br/></td></tr><tr><td colspan="2"><a target="_self" href="flash.php?lang=de">Flash Version</a> - Copyright © 2009 <a target="_blank" href="http://www.migros-kulturprozent-classics.ch">Migros-Kulturprozent-Classics</a>.All rights reserved.</td></tr></tbody></table> </div> </body> Was hab ich geändert: - einen Div rund um den content mit min-width 1200px; entsprechenden background und margins / padding. __________________ --- :P --- Blog Bei unerwünschten Nebenwirkungen zerreißen Sie die Packungsbeilage oder erschlagen ihren Arzt oder Apotheker Geändert von _geo_ (07-07-2009 um 22:55 Uhr)

08-07-2009, 07:44	#8 (permalink)
Syracus Ein Reisender... Registriert seit: May 2004 Beiträge: 105	Alternative Hi _geo, Du hast natürlich in allen Punkten recht und auch wir hätten nicht zu einer Tabelle gegriffen, doch mangels Alternativen haben wirs dann doch getan. Deine Lösung ist interessant. Aber sie funzt nicht, wie man hier sehen kann: http://www.migros-kulturprozent-classics.ch/html3.php Jedoch haben wir eine Lösung gefunden die geht: Sieht man hier: http://www.migros-kulturprozent-clas...tml_my_new.php und der Code ist so: Könnt ihr alle die Site problemlos sehen? (Notenlinie und scrolling usw.) Falls wer eine weitere Lösung sieht, lasse er sich nicht aufhalten. PHP-Code: <body cellpadding="0" cellspacing="0"> <?php include "frontend/contentmaker.direct.inc.php"; echo <<<TEMPLATE_CM24 <table border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width='20%'> </td> <td> <div id="logo"> {$logo} </div> </td> <td colspan="2"> <div id="klubhaus"> {$klubhaus} </div> </td> <td colspan="2"> <div id="aktueller"> {$aktueller} </div> </td> <td valign="top"> <div id="navi"> {$menubild} </div> </td> <td width='20%'> </td> </tr> <tr align="left" valign="top"> <td width='20%'> </td> <td colspan="5"> <div id="neuercontent"> {$video} <div id="leftnavi"> {$leftmenu} </div> <div id="content"> {$content} </div> </div> </td> <td> <div id="navi"> {$menu} </div> </td> <td width='20%'> </td> </tr> <tr> <div id="unten"> <td background="css/images/BG_NOTENLINIEN.png" height="300" width="100%" border="0" colspan="10"> </td> </div> </tr> <td width='20%'> </td> </table> <div id="ganzunten"> {$link} </div> TEMPLATE_CM24; ?> </body> __________________ Handle so, dass die Maxime Deines Willens als Gesetzgebung gilt :o)

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln