Ergebnis 1 bis 2 von 2

Thema: Css Problem mit Margin

  1. #1
    Phaeilo
    Gast

    Standard Css Problem mit Margin

    Hi,
    ich bastle gerade an nem Design und wollte anstatt Tabellen mal CSS verwenden. Dazu benutze ich folgenden Code:
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    	<head>
    		<title>
    			Christoph Huppert - Lokaljournalismus
    		</title>
    		<style type="text/css">
    		body &#123;margin&#58; 0px; padding&#58; 0px;&#125;
    		#frame-titel &#123;position&#58; absolute; top&#58; 0px; left&#58; 0px; background-color&#58; #FF0000; height&#58; 125px; width&#58; 600px;&#125;
    		#frame-titel-spacer &#123;margin-left&#58; 600px; margin-right&#58; 0px; margin-top&#58; 0px; background-color&#58; #FFFF00; height&#58; 125px;&#125;
    		#frame-menu-h &#123;position&#58; absolute; top&#58; 125px; left&#58; 0px; width&#58; 800px; height&#58; 22px; background-color&#58; #33CCFF;&#125;
    		</style>
    	</head>
    	<body>
    		<span id="frame-titel">
    			Titelframe
    		</span>
    		<span id="frame-titel-spacer">
    			Spacer
    		</span>
    		<span id="frame-menu-h">
    			Menü
    		</span>
    	</body>
    </html>
    Der frame-titel-spacer sollte eigentlich flexibel sein, da ich nur die margin werte angegeben habe. Wenn man sich den Code allerings mal im Webbrowser anguckt wird man merken das dass Feld nur so groß ist wie der Text kann mir jemand helfen?
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Großmeister(in)
    Registriert seit
    03.01.2005
    Beiträge
    582
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Re: Css Problem mit Margin

    Hi,
    Zitat Zitat von Phaeilo
    #frame-titel-spacer {margin-left: 600px; margin-right: 0px; margin-top: 0px; background-color: #FFFF00; height: 125px;}
    #frame-menu-h {position: absolute; top: 125px; left: 0px; width: 800px; height: 22px; background-color: #33CCFF;}
    Du könntest ein width-Attribut mit 100% als Wert verwenden:
    #frame-titel-spacer {margin-left: 600px; margin-right: 0px; margin-top: 0px; background-color: #FFFF00; height: 125px; width: 100%;}
    #frame-menu-h {position: absolute; top: 125px; left: 0px; width: 800px; height: 22px; background-color: #33CCFF;}
    Dann solltest Du aber konsequenterweise Deinen frame-menu-h ebenfalls dynamisieren:
    #frame-menu-h {position: absolute; top: 125px; left: 0px; width: 100%; height: 22px; background-color: #33CCFF;}
    Da Du aber mit festen Größen arbeitest, solltest du einfach Deinen frame-titel-spacer ebenso behandeln:
    #frame-titel {position: absolute; top: 0px; left: 0px; background-color: #FF0000; height: 125px; width: 600px;}
    #frame-titel-spacer {margin-left: 600px; margin-right: 0px; margin-top: 0px; background-color: #FFFF00; height: 125px; width: 200px;}
    #frame-menu-h {position: absolute; top: 125px; left: 0px; width: 800px; height: 22px; background-color: #33CCFF;}
    MfG
    6_freddy

Ähnliche Themen

  1. Margin-top bei Links
    Von jeseix im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 26.03.2008, 13:35
  2. margin-top
    Von nastron im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 04.06.2007, 16:46
  3. Style- margin-top problem
    Von dani_227 im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 29.05.2006, 17:30
  4. problem: min-width und margin:0 auto 0 auto
    Von rib im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 26.12.2005, 22:05
  5. css margin färben
    Von im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 28.08.2005, 15:03

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •