zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden automatischer abstand im browser

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 07.02.2010, 01:19
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.01.2009
Beiträge: 28
Dragnaros befindet sich auf einem aufstrebenden Ast
Standard automatischer abstand im browser

hi ich habe ein Problem.

ich habe in meiner Navigation mehrere links untereinander und hab sie mit border und padding in hübsche boxen eingepackt,
allerdings habe ich nun das Problem das bei einigen Browser ein Spalt zwischen den kästen entsteht obwohl ich mit Hilfe des * selectors padding border und margin auf 0px gesetzt habe.

Bei firefox ist es 1px zwischen padding und border vom selben Kasten an der oberen Seite,
beim inet explorer passt es perfekt und bei google chrome entsteht ein spalt an der Unterseite zwischen dem link und dem darunterliegenden link.

Woran kann das liegen?


html
HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

<html>
 <head>
	<meta name="author"  content="Dragnaros">
	<meta name="classification" content="HTML 4.01 de">
	<meta name="copyright" content="none">
	<meta name="description" content="Homepage">
	<meta name="expires" content="none">
	<meta name="generator" content="none">
	<meta name="robots" content="noindex, nofollow">
	<meta http-equiv="content-type" content="txt/html; charset=ISO-8859-1">
	<link rel="stylesheet" href="../css/style-01.css" type="text/css">
        <link rel="shortcut icon" href="../image/ship.png" type="image/x-icon">

	<title>Index</title>
 </head>
 <body>
  <div id="all">
   <div id="head">
   </div>
   <div id="nav">
   <a href="#">Home</a>
   <a href="#">Forum</a>
   <a href="#">Links</a>
   <a href="#">Kontakt</a>
   </div>
   <div id="body">
    <div id="window">
     <div id="text">
     <p>~ Text ~</p>
     </div>
    </div>

---> Problem anfang
    <div id="link">

     <div id="link-button">
      <a href="#">Link</a>
     </div>

     <div id="link-button">
      <a href="#">Link</a>
     </div>

     <div id="link-button">
      <a href="#">Link</a>
     </div>

     <div id="link-button">
      <a href="#">Link</a>
     </div>

     <div id="link-button">
      <a href="#">Link</a>
     </div>

     <div id="link-button">
      <a href="#">Link</a>
     </div>

     <div id="link-button">
      <a href="#">Link</a>
     </div>

    </div>
---> Problem ende

    <div id="werbung">
    <center>
    <a href="#"><img src="#" alt="#"></a>  
    </center>
    </div>

    <div id="werbung">
    <br><center>
    <p>text</p>
    <br></center>
    </div>

    <div id="clear">
    <p>text</p>
    </div>
   </div>
  </div>
 </body>
</html>

css
Code:
 body
 {
  background:url(../image/bg.jpg);
 }

 *
 {
  margin:0px;
  padding:0px;
  border:0px;
 }

 div#all
 {
  width:800px;
  margin:auto;
 }

 div#head
 {
  background:url(../image/pp.jpg) no-repeat center center;
  border:2px #000000 solid; border-bottom:0px;
  height:200px;
 }

 div#nav
 {
  position:absolute;
  margin-top:-1.7em; margin-left:0.8em;
  height:0px;
 }
 div#nav a
 {
  background:#5b93bf;
  text-decoration:none;
  color:#d7c94f;
  font-size:1.5em;
  margin-left:0.2em;
  border:2px #000000 solid;
  padding:0.2em;
 }
 div#nav a:hover
 {
  background:#009900;
  color:#ffec44;
 }

 div#body
 {
  background:#90a09d;
  border:2px #000000 solid;
  min-height:50px;
 }

---> Problem anfang
 div#link
 {
  background:#000000;
  width:200px;
  margin:10px; margin-right:0px;
  border:2px #000000 solid; border-top:0px;
  overflow:hidden;
 }

 div#link-button
 {
  border-top:2px #000000 solid;
 }
 div#link-button a
 {
  background:#5b93bf;
  text-decoration:none;
  color:#d7c94f;
  padding-left:5px; padding-right:100%;
  font-size:1.2em;
 }
 div#link-button a:hover
 {
  background:#009900;
  color:#ffec44;
 }
---> Problem ende

 div#werbung
 {
  background:#e5e7c7;
  width:200px;
  border:2px #afb014 solid;
  margin:10px;
 }
 div#werbung p
 {
  max-width:180px;
 }

 div#window
 {
  background:#c5c7ae;
  border:2px #000000 solid;
  width:558px;
  float:right;
  margin:10px;
 }

 div#text
 {
  margin:5px;
 }

 div#clear
 {
  border-top:2px #707070 solid;
  margin:5px 10px 5px 10px;
  width:776px;
  clear:both;
  font-size:0.8em;
  color:#707070;
 }
 div#clear a
 {
  color:#7070f0;
 }
 div#clear a:hover
 {
  color:#0000ff;
 }
Sihe Linke Navigation

Geändert von Dragnaros (07.02.2010 um 17:27 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 07.02.2010, 20:45
Benutzerbild von Cocoon
position: relative;
XHTMLforum-Mitglied
 
Registriert seit: 12.06.2009
Ort: Berlin
Beiträge: 156
Cocoon wird schon bald berühmt werden
Standard

Deine Navigationen sind unsematisch. Wie du sie korrekt, mit Hilfe von Listen aufbaust, erfährst du hier: FAQ.

Wenn du das korrekt umsetzt, verschwindet dein Problem vermutlich ganz automatisch.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 08.02.2010, 15:26
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.01.2009
Beiträge: 28
Dragnaros befindet sich auf einem aufstrebenden Ast
Standard

ich habe eine lösung gefunden ich habe die navigationsabschnitte einfach in ein div gepackt die höhe begrenzt overflow:hidden; und dan padding:100%; jetzt geht es einwandfrei
Mit Zitat antworten
  #4 (permalink)  
Alt 08.02.2010, 17:55
Benutzerbild von Cocoon
position: relative;
XHTMLforum-Mitglied
 
Registriert seit: 12.06.2009
Ort: Berlin
Beiträge: 156
Cocoon wird schon bald berühmt werden
Standard

Zitat:
Zitat von Dragnaros Beitrag anzeigen
ich habe eine lösung gefunden ich habe die navigationsabschnitte einfach in ein div gepackt die höhe begrenzt overflow:hidden; und dan padding:100%; jetzt geht es einwandfrei
Selbst wenn es funktioniert, es ist trotzdem Murks.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Browser an Link anhängen rs-web Serveradministration und serverseitige Scripte 1 26.03.2010 18:24
Iron Browser klootzak Offtopic 1 01.11.2008 00:41
Super Browser - Ein Browser alle Engines? tichy Ressourcen 6 17.04.2008 00:50
[php] Default Browser lomtas Serveradministration und serverseitige Scripte 5 14.12.2006 18:48
Problem mit Schriftgröße in Tabellen pospiech Knowledge Base 20 11.08.2005 00:12


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:24 Uhr.