WebWork Magazin - Webseiten erstellen lassen, Online Medien, html

Webhoster, Webhosting Provider und Domain registrieren

Home | Registrieren | Einloggen | Suchen | Aktuelles | GSL-Webservice | Suleitec Webhosting
Reparatur-Forum | Elektro forum | Ersatzteilshop Haushalt und Elektronik


Homepage und Webhosting-Forum

HTML, XHTML, CSS , style, XML, Javascript und mehr, Fragen, Tipps und Anregungen zu diesen Basic Techniken - hier rein !


Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » Grafiken für einen Rahmen => LayOut Problem » Antworten
Benutzername:
Passwort: Passwort vergessen?
Inhalt der Nachricht: Fett | Kursiv | Unterstrichen | Link | Bild | Smiley | Zitat | Zentriert | Quellcode| Kleiner Text
Optionen: Emailbenachrichtigung bei Antworten
 

Die letzten 5 Postings in diesem Thema » Alle anzeigen
von Gon
in ein paar Tagen ^^ Ich poste den Link dann mal hier
von Ori
Du hast die Seite nicht zufällig irgendwo online? Das erleichtert das Fummeln ungemein..
von Gon
Ori schrieb am 23.07.2006 20:30
Probier mal, den margin vom h2 auch festzulegen, zumindest jedenfalls margin-top.


Ändert leider nichts am Problem, aber trotzdem danke für den Tipp.
von Ori
Probier mal, den margin vom h2 auch festzulegen, zumindest jedenfalls margin-top.
von Gon
hmm, ich habe wie im Artikel Custom Borders II meine Eckgraphiken mit relativen Positionsangaben "aus dem div herausgezogen" und nun scheint irgendetwas einen Teil der Grafik zu verdecken... und es wird mehr verdeckt, wenn man die Schriftgröße erhöht (strg + Mausrad)


die oberen drei bilder zeigen den Fehler, das untere, wie die Grafik aussehen sollte...


kleiner Hinweis, die Grafiken sind Platzhalter, die später durch die eigentlichen Grafiken (mit gleichen Maßen) ersetzt werden, nicht über die Qualität wundern, ich bin noch kein MS Paint Meister ^^


Der Fehler tritt nicht nur im IE auf, es ist absolut nichts oberhalb (ich hab zum Test alles andere entfernt) und da man den Untergrund sehen kann, schließe ich, dass es nicht ÜBERdeckt wird.

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16:
#maintank {
  background-color: #0F7896;
  border-style: ridge;
  border-width: 4px;
  border-color: #FFFFFF;
  border-top: 0;
  margin-top: 45px;
  padding: 15px 15px 45px 15px;
  width: 100%; }

#maintank h2 {
  background: url("../images/maintank_topborder.gif") top left no-repeat;
  position: relative;
  left: -24px;
  top: -39px;
  padding: 23px 15px 15px 15px; }


1: 
2: 
3: 
4: 
5:
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ######  Der Inhalt der Seite ######
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<div id="maintank" class="column">
  <h2>Lorem Ipsum</h2>



Ich hoffe irgendjemand kennt das Problem und versteht es. Ein Freund von mir, den ich eben über ICQ zur Hilfe rufen wollte, kennt das Problem zwar aber versteht es nicht. Wir vermuten nur, dass es irgendwie mit der Line-height zusammenhängt. Er macht nur Probleme, wenn die Grafik mit Text verknüpft ist (wie zB einem h2).


MfGon

Nach oben