|
|
#21
13.11.12, 20:45
|
||||
|
||||
|
Zitat:
Falls du wirklich einen hast, dann läge es doch nicht nur an Firefox. Überprüf' doch noch einmal deine Version.  Holger verwendet auch den Opera, ich denke, er hätte sonst auch etwas gesagt. 
|
|
#22
13.11.12, 20:54
|
||||
|
||||
|
Die Seite ist ja echt gut gelungen und sieht auch ansprechend aus. Und die Tierchen sind ja sowas von knuffig....
Was den Streifen angeht.. ich hab mal mit Firebug nachgesehen und das hier gemacht: #kopfbereich { margin-bottom: -4px; Dort sind -3px deklariert. Bei -4px verschwindet der Streifen im Firefox. Zitat:
__________________
      Du findest einen Beitrag gut oder dir konnte geholfen werden? Dann klicke auf dieses Symbol  uwe367@pixabay | My Homepage | Uwe367@Adobe Stock Geändert von uwe367 (13.11.12 um 21:03 Uhr).
|
|
#23
13.11.12, 21:12
|
||||
|
||||
|
Zitat:
Aber warum sollte hier überhaupt ein negativer margin nötig sein??? Hier liegen zwei DIVs direkt übereinander, per Star-Selector wurden margin und padding auf 0 gesetzt. Daher begreife ich nicht einmal die Notwendigkeit der -3px???
__________________
Gruß Jenny _____________________ Live long and prosper!
|
|
#24
13.11.12, 21:15
|
||||
|
||||
|
Zitat:
Ich hatte noch 12.02, aber jetzt mit 12.10 sieht das bei mir so aus: 
__________________
Gruß kgs-photos Soweit nicht anders angegeben, ist alles eigenes Material. ..................................................  Meine Fotos dürfen nicht bearbeitet, verwendet oder weiter gegeben werden, außer ich schreibe es dazu.
|
|
#25
13.11.12, 21:15
|
||||
|
||||
|
Ganz einfach Jenny. Schau dir mal an wo der Wrapper beginnt. Der beginnt unter dem Headbereich, also im Contentbereich. Eigentlich sollte der Wrapper das alles umschließende DIV sein in dem sich die anderen DIV´s befinden. Dann braucht man auch nicht mit negativen margins zu arbeiten. Ich denke daß hier das Hauptproblem liegt da es hier kein alles umschließendens DIV gibt und da können Browser schonmal Probleme machen.
__________________
Du findest einen Beitrag gut oder dir konnte geholfen werden? Dann klicke auf dieses Symbol uwe367@pixabay | My Homepage | Uwe367@Adobe Stock
|
|
#26
13.11.12, 21:21
|
||||
|
||||
|
Zitat:
An alle: Habt ihr eure Ansicht alle auf 100% (Strg+0 in den meisten Browsern)?
__________________
Gruß Jenny _____________________ Live long and prosper!
|
|
#27
13.11.12, 21:28
|
||||
|
||||
|
Zitat:
Ich denke das liegt an den unterschiedlichen Standarts der Browser, es gibt ja, meines Wissens nach, keine "Norm" wie die Darstellung zu erfolgen hat.
__________________
Du findest einen Beitrag gut oder dir konnte geholfen werden? Dann klicke auf dieses Symbol uwe367@pixabay | My Homepage | Uwe367@Adobe Stock
|
|
#28
13.11.12, 21:37
|
||||
|
||||
|
Zitat:
 @goliath: Also versuch mal, einen Aussenrum-Wrapper zu etablieren. MMn kannst du die Breite auch auf 980px erhöhen, denn unter 1024px fährt heutzutage kein Mensch mehr! (Und wer's dennoch tut, der hat eine gewisse Strafe verdient...  )
__________________
Gruß Jenny _____________________ Live long and prosper!
|
|
#29
13.11.12, 21:44
|
||||
|
||||
|
Hier mal ein einfaches Beispiel eines zweispaltigen Layouts nach der Faux Columns Regel:
HMTL Code:
<body>
<!-- Begin Wrapper -->
<div id="wrapper">
<!-- Begin Header -->
<div id="header"></div>
<!-- End Header -->
<!-- Begin Navigation -->
<div id="navigation"></div>
<!-- End Navigation -->
<!-- Begin Faux Columns -->
<div id="faux">
<!-- Begin Left Column -->
<div id="leftcolumn">
</div>
<!-- End Left Column -->
<!-- Begin Right Column -->
<div id="rightcolumn">
<div class="clear"></div>
</div>
<!-- End Right Column -->
<div class="clear"></div>
</div>
<!-- End Faux Columns -->
</div>
<!-- End Wrapper -->
</body>
Code:
* { padding: 0; margin: 0; }
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
#wrapper {
margin: 0 auto;
width: 1000px;
}
#faux {
margin-bottom: 10px;
overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
width: 1000px;
background-image: url();
}
#header {
color: #333;
width: 1000px;
padding: 0px;
height: 230px;
margin: 10px 0px 0px 0px;
background: #D1DBDB;
background-image: url();
}
#navigation {
color: #333;
padding: 0px;
margin: 0px 0px 0px 0px;
background: #ABBEBE;
width: 1000px;
background-image: url();
}
#leftcolumn {
display: inline;
color: #333;
margin: 10px 0 0 10px;
padding: 0px;
width: 170px;
float: left;
}
#rightcolumn {
float: right;
color: #333;
margin: 10px;
padding: 0px;
width: 790px;
display: inline;
position: relative;
}
.clear { clear: both; background: none; }
__________________
Du findest einen Beitrag gut oder dir konnte geholfen werden? Dann klicke auf dieses Symbol uwe367@pixabay | My Homepage | Uwe367@Adobe Stock Geändert von uwe367 (13.11.12 um 21:49 Uhr).
|
|
#30
13.11.12, 23:22
|
||||
|
||||
|
Ich habe den Abstand jetzt erstmal auf -4px gesetzt, wenn es jetzt funktioniert, wäre das Leck erst mal geflickt. Ansonsten muss ich mal ein bißchen rumprobieren. Bei der Breite, habe ich bewußt 800px gewählt, ich dachte da mehr an Smartphones und Co. Jetzt noch die Breite zu ändern ist eine Schweinearbeit. Nicht wegen des Css, sondern wegen der Grafiken, die alle angepaßt werden müssen. Das ist mal was für ein verregnetes Wochenende. Würde mich jetzt noch mal interessieren, ob es bei euch funktioniert, denn wie gesagt in meinem Firefox sehe ich nichts.
Gruß Alexander
|
 |
| Lesezeichen |
| Aktive Benutzer in diesem Thema: 3 (Registrierte Benutzer: 0, Gäste: 3) | |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
 Website im Vintagestil
|
gelöschter User | Hilfestellung, Tipps und Tricks | 0 | 06.10.11 13:08 |
| Gewerbliche Website? | tuffenuff | Lounge | 4 | 20.08.09 00:51 |
| Website Hilfe | tuffenuff | Hilfestellung, Tipps und Tricks | 4 | 04.03.09 00:25 |
 Meine Website
|
Rythem | Lounge | 8 | 30.07.05 17:20 |
Linear-Darstellung
