kostenloser Webspace werbefrei: lima-city

CSS Renderprobleme?

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   m****r

   12:40, 15.4.2013

   Hallo,
   
   ich versuche gerade einem selbstgebautem Forum ein wenig Design zu verpassen. Leider treten ein paar CSS Probleme auf, die ich mir nicht erklären kann. Diese treten in allen Browsern auf. Woran liegt das ganze und wie kann ich es lösen?
   
   Screenshot des gleichen Bereiches, nur vergrößert in Chrome (also STRG + Mausradscrollen):
   
   http://s7.directupload.net/images/130415/45ruoim7.png
   
   Jede Zeile ist eine tr der Klasse .BoardRow. Da in jeder Zeile mehrere Zellen vorhanden sind, benutze ich
   
   

   .BoardRow td {
        border: 2px dotted #4E6011;
   	background-image:-webkit-linear-gradient(bottom, #FFFFFF 33%, #EFEFEF 90%); /* Chrome, Safari */
   }

   
   
   um dem ganzem Forum diese gestrichelte Linie als Umrandung zu geben. Beim näher ranzoomen verändert sich dann immer die oberste Linie, wie ihr seht.
   
   Eine andere Frage nebenbei: Ich habe html, body und #Main jeweils height:100%; gegeben. body ist in html, und #Main ist der untere Teil von body, während #Navi der obere ist und eine feste Höhe hat. Wie erreiche ich nun, dass #Main den gesamten restlichen Platz (an der Höhe gemessen) ausfüllt? Wenn ich #Main einfach height:100%; gebe, berechnet er die 100% des gesamten Fensters und folglich muss man nach unten scrollen, was ich nicht will. Er soll einfach nur den kompletten Rest des Fensters ausfüllen. Wie geht das?
   Danke.

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. g****e

   17:33, 15.4.2013

   http://code.google.com/p/chromium/issues/detail?id=157106
   Folglich ein Chrome Bug. Haben wir im Chat geklärt. So haben jetzt aber alle einen Überblick, und wissen vllt, weshalb es bei ihnen auch nicht funktioniert.
   
   Liebe Grüße

4. daswing

   Moderator

   daswing hat kostenlosen Webspace.

   17:58, 15.4.2013

   midwar schrieb:
   //...//
   Eine andere Frage nebenbei: Ich habe html, body und #Main jeweils height:100%; gegeben. body ist in html, und #Main ist der untere Teil von body, während #Navi der obere ist und eine feste Höhe hat. Wie erreiche ich nun, dass #Main den gesamten restlichen Platz (an der Höhe gemessen) ausfüllt? Wenn ich #Main einfach height:100%; gebe, berechnet er die 100% des gesamten Fensters und folglich muss man nach unten scrollen, was ich nicht will. Er soll einfach nur den kompletten Rest des Fensters ausfüllen. Wie geht das?
   Danke.

   
   Hallo,
   
   poste beim nächsten mal einfach einen Link zur Webseite mit, so kann man bedeutend besser helfen. Ich würde dir empfehlen das hight: 100% heraus zu nehmen da es meistens sowieso nicht funktioniert. Probiere dagegen

   overflow: hidden;

   damit verhinderst du ein Überlauf eines Div, sprich das ein Tochter Div über dem Mutter-Div hinausgeht. Ich habe mal kurz eine Seite erstellt auf der du dies siehst: Overflow
   
   MfG daswing

5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?