mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 08.01.2009 07:47 Benutzername: Passwort: Auto-Login

Thema: Brauche einen Tipp: Div Boxen mit Rahmen und Header Grafik vom 12.08.2007

Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Tipps & Tricks für Nonprint -> Brauche einen Tipp: Div Boxen mit Rahmen und Header Grafik
Autor Nachricht
kommune3
Threadersteller

Dabei seit: 23.03.2007
Ort: Wuppertal
Alter: -
Geschlecht: Männlich
Verfasst So 12.08.2007 15:45
Titel

Brauche einen Tipp: Div Boxen mit Rahmen und Header Grafik

Antworten mit Zitat Zum Seitenanfang

Hallo Ihr!

Habe folgendes Problem:

Ich baue eine DIV Box (200px x 200px) mit CSS. Die Box soll einen Rahmen haben und genau über der Box soll eine Header Grafik sitzen (abschließend mit dem Rahmen der Box).

Habe das ganze dann so aufgebaut:

<img src="images/header.jpg">
<div id="box"></div>

Im Firefox funktioniert das wunderbar, der IE zickt jedoch. Im IE bleiben immer etwa 3 oder 4 Pixel Platz zwischen der Grafik und der Box.

Hat jemand einen Tipp, wie ich das am besten löse?

beste Grüße,

Niko
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 12.08.2007 15:57
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
<img src="" style="display: block; width:***px; height:**px;">
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
reco

Dabei seit: 09.08.2007
Ort: wolke7
Alter: -
Geschlecht: Männlich
Verfasst Mo 13.08.2007 11:31
Titel

Antworten mit Zitat Zum Seitenanfang

einfach mal eim bild margin-bottom auf 0px stellen und bei der box margin-top auf 0px.

ist jetzt nur ein versuch. beim ie weiß man das ja nie so genau * grmbl *
  View user's profile Private Nachricht senden
peBBo

Dabei seit: 08.05.2003
Ort: Duisburg
Alter: 27
Geschlecht: Männlich
Verfasst Mo 13.08.2007 12:05
Titel

Antworten mit Zitat Zum Seitenanfang

<img src="images/header.jpg" /><div id="box"></div>

Mach mal so. Da dürfen zwischen IMG-Tag und DIV-Tag keine Leerzeichen sein.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen in firefox passt sich der rahmen nicht den div-boxen an
CSS und div-Boxen
Problem mit div-Boxen
css problem mit <div>-boxen (brech)
[CSS] div-Boxen sollen autom. mitlaufen
Header Grafik austauschen (je nach Inhalt) mit PHP/Joomla!
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Tipps & Tricks für Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.