mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 25.04.2024 09:53 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 16: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 16: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
Anzeige
Anzeige
reco

Dabei seit: 09.08.2007
Ort: wolke7
Alter: -
Geschlecht: Männlich
Verfasst Mo 13.08.2007 12: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
kaputt

Dabei seit: 08.05.2003
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 13.08.2007 13: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
 
Ähnliche Themen in firefox passt sich der rahmen nicht den div-boxen an
brauche dringend nen tipp zur umsetzung!
FLASH CS4 - Brauche Tipp/Hilfe/Idee
Brauche einen Tipp für den Aufbau einer Website!
Header Grafik austauschen (je nach Inhalt) mit PHP/Joomla!
Logo in Header einfügen -- Brauche dringend Hilfe
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 an Umfragen in diesem Forum nicht mitmachen.