Antworten auf deine Fragen:
Neues Thema erstellen

HG abgeschnitten

julia2631

kreatives-köpfchen

hi an alle :D

so ich habe eine HP programmiert - es funzt alles supr außer eine kleinigkeit und da komm ich absolut nicht drauf warum ?!? viellecht kennt jemand das problem von euch und kan mir helfen !?

wenn ich die seite normal öffne sieht alles super aus - jedoch wenn ich sie verkleinere und dann nach untn scrolle schneidet er ir einen teil von meinem hg ab ? Beim bild angezeichnet

Warum tut er das bzw was kann ich tun das er das nicht mehr tut?

danke im vorhinein !!

Yfrog Image : yfrog.com/1sbildschirmfoto20100719up

Yfrog Image : yfrog.com/1sbildschirmfoto20100719uwp fehlerhafte seit
 

julia2631

kreatives-köpfchen

AW: HG abgeschnitten

#guiOuter{float:left; width:978px; height:100%; margin:0px auto; background:url(images/bg_wrap.jpg) top no-repeat;}

das ist der Container in dem dieses Bild drinnen ist
 

julia2631

kreatives-köpfchen

AW: HG abgeschnitten

@chriko jetz schneidet er es zwar nicht mehr ab aber dafür habe ich jetz immer nen scroll balken und das geht gar nicht ^^
 

julia2631

kreatives-köpfchen

AW: HG abgeschnitten

wie meinst du das? ich sage ihm ja extra 100% damit er sich anpasst... wie meinst du jetz ob ich überhaupt eine brauche xD verstehe ich leider nicht so ganz :D
 

julia2631

kreatives-köpfchen

AW: HG abgeschnitten

falls du meinst ob ich das height weg lasse kann - nein geht nicht - dann zeigt er mir nicht mehr an ^^habs grad versucht :p
 

julia2631

kreatives-köpfchen

AW: HG abgeschnitten

allsssooo wen ich ein overflow hidden eisetzte hab ich gar keine scrollbalken mehr und wenn ich es mit auto einsetzte hab ich sobald ichs das fenster bisschen änder immer balken - funzt auch nicht =(
 

Chriko

Aktives Mitglied

AW: HG abgeschnitten

Kannst du vielleicht wirklich mal was code hier reinsetzen. bei overflow auto sollte eigentlich nur der scrollbalken erscheinen wenn es was zu scrollen gibt.
 

julia2631

kreatives-köpfchen

AW: HG abgeschnitten

Code:
@charset "UTF-8";
/* CSS Document */

* { margin: 0; padding: 0; } /* **********zurücksetzten aller Abstände ****** */

html, body { height:100%; font:12px Trebuchet MS, Arial, Helvetica, sans-serif; color:#666666; background:url(images/bg_main.jpg) top repeat-x; }
a, a:visited{color:#b7b7b7; text-decoration:none; cursor:pointer;}
a:active {color:#019a4c;}
a:hover {color:#019A4C;}

.clear {clear:both;}

h1 { font:20px Trebuchet MS, Arial, Helvetica, sans-serif; color:#019A4C;}
h3 {font:12px Trebuchet MS, Arial, Helvetica, sans-serif; color:#666666;}


/* ********* äußerster container ****** */
#guiOuter { width:978px; height:100%; margin:0px auto; background:url(images/bg_wrap.jpg) top no-repeat;}

/* ****** in diesem container spielt sich alles ab ******* */
#guiWrap {float:left; width:860px; height:auto; margin:0 9px;  padding:26px 50px 50px 50px;}


/* ********** HEADER AND MENU 1 ******** */
#guiHeader { float:left; width:100%; height:44px; border-bottom:thin; border-bottom-style:solid; border-color:#E5E5E5; }
#guiHeader ul { float:left; list-style:none; margin:0; padding:5px 0 0 0; font-size:16px; vertical-align: middle; color:#666666; }
#guiHeader ul li { float:left; }
#guiHeader ul a.menu1On { height: 40px; text-decoration: none; display: block; padding: 0; margin-right:28px; background:url(images/menu_balken_aktiv.jpg) bottom repeat-x; color:#000}
#guiHeader ul a.menu1Off { text-decoration: none; display: block; padding: 0; margin-right:28px;  }

teil von meinem css code


und hier nun teil von meinem html code
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>GZ_DHS</title>
</head>
<link rel="stylesheet" type="text/css" href="GZ_DHS.css">
<body>
<div id="guiOuter">
    <div id="guiWrap">
        <div id="guiHeader">
                                  <ul>
                                     <li><a class="menu1On"  href="index.html"><div style="color:#019A4C;">Home</div></a></li>
                                      <li><a class="menu1Off" href="Graz-Zahn.html">Graz-Zahn</a></li>
                                      <li><a class="menu1Off" href="Dentalhygieneschule.html">Dentalhygieneschule</a></li>
                                  </ul>
                                   <div style="float:right;"> <img src="images/Logo_Paro_dentalhygieneschule.png" /> </div>





          </div><!-- ************* guiHeader Ende ********** -->        
        
      <div id="guiContent">
            <div id="guiCol1"> <img src="images/parodontologie_prophylaxe.jpg" /> </div>
           <div id="guiContentLinks"> <div style="margin-bottom:22px;"> <h1> Graz Zahn Fachsymposium    </h1> <br/> <p> Grazer Symposium für Parodontologie und Prophylaxe - Jährlich <br /> stattfindender Fachkongress für ZahnärtzInnen und <br/>                     ProphylaxeassistentInnen </p>  </div>
        <img src="images/main_pic_links.jpg" />        
               </div> <!-- ************* guiContent links Ende ********** -->
        
            <div id="guiContentRechts"> <div style="margin-bottom:22px;"> <h1> Dentalhygieneschule Graz  </h1> <br/> <p> Laufendes, umfassendes Aus- und <br /> Weiterbildungsangebot für ZahnärztInnen und <br />ProphylaxeassistentInnen</p>  </div>
               <img src="images/main_pic_rechts.jpg" /> 
            </div> <!-- ************* guiContent Rechts Ende ********** -->
      </div>     <!-- ************* guiContent Ende ********** -->     
                          <div class="clear"> </div> 
        <div id="guiFooter"> 
            <div id="guipanal">
                <div id="guiMenu2">
                
                                <ul>
                                     <li><a class="menu2on" href="index.html">Graz-Zahn </a></li>
                                      <li><a href="index.html">Programm</a></li>
                                      <li><a href="index.html">Rückblick</a></li>
                                    <li><a href="index.html">Anreise</a></li>
                                    <li><a href="index.html">Kontakt</a></li>
                  </ul>


hoff das hilft mal was?
 

julia2631

kreatives-köpfchen

AW: HG abgeschnitten

tatsache ist - wenn ich ihm eine px höhe gebe ist es weg ... nur dann entsteht eben das problem mit dem scrollbalken welches nicht schön und nicht akzeptabel ist :(
 

Chriko

Aktives Mitglied

AW: HG abgeschnitten

warum gibt es um den wrap noch ein outer? dein outer div umschließt doch nur nochmal dein wrap div, was widerum den rest umschließt. damit kannst du dir den outer doch sparen und ich würde mal sagen, das dort bei wrap und outer auch das problem liegt.
 

Chriko

Aktives Mitglied

AW: HG abgeschnitten

enthält der outer denn noch was anderes als den wrap div? (und natürlich alles was im wrap drin ist)
der ist doch nur ein umschließender div tag der um einem umschließenden div tag gesetzt wurde.
das kann eigentlich keine probleme mit den abständen geben wenn man den weglässt.
ich glaube eher das genau der 2 div das problem ist.

edit: wrap dürfte dann natürlich kein float bekommen sondern zentriert werden wie jetzt outer
 

julia2631

kreatives-köpfchen

AW: HG abgeschnitten

der outer um schließt alles - vom header über den content bis zum footer.

ich weiß nicht wie ich das erklären soll ... der outer regelt alle abstanden damits da eben mit dem schatten usw kein problem gibt =(
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.614
Beiträge
1.538.351
Mitglieder
67.525
Neuestes Mitglied
mgtaucher
Oben