| Anfänger Fragen div + css |
ATooM
Quasselstrippe
Beiträge: 346
|
Hallo,
wie aus den vorgehenden Beiträgen hervorgeht möchte ich meine Layout Bildung von der Tabellen form auf css und div umstellen. Das mit css und tables klappt eigentlich schon, nur ich möchte halt von den tabellen in der Layout darstellung verzichten. Nun habe ich schon ein grundlegendes Problem:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>
Div test
</title>
</head>
<body>
<div style="position:absolute; left:50px; height:5px; width:5px; background: #000000;"></div>
</body>
</html> |
Wieso wird dieser Punkt im Internet Explorer und Firefox völlig unterschiedlich dargestellt?
Warscheinlich bin ich einfach nur ziemlich dumm  aber bitte kein geflame.... Bin noch pre-beginner.
---
Just Peace!
|
| Profil
E-Mail
Website
Editieren
Zitieren
|
ATooM
Quasselstrippe
Beiträge: 346
|
Das grundlegende Problem das der Internet Explorer damit hat habe ich glaub ich erkannt: Er macht den Strich nicht schmaler, als die Schrift groß ist, wie kann ich das umgehen?
---
Just Peace!
|
| Profil
E-Mail
Website
Editieren
Zitieren
|
ATooM
Quasselstrippe
Beiträge: 346
|
Das Problem habe ich jetzt so umgangen das ich als font-size : 0 angegeben hab, gibts ne andere Möglichkeit?
---
Just Peace!
|
| Profil
E-Mail
Website
Editieren
Zitieren
|
languitar
Foren-Team
Beiträge: 2795
|
für nen strich benutz doch einfach ein HR! Das wäre semantisch auch gleich viel korrekter.
---
Take a look here!
Lichtblick - Einblick - Ausblick
|
| Profil
E-Mail
Website
Editieren
Zitieren
|
subjective
Forenheld
Beiträge: 848
|
Oder verpaß dem Element über/unter dem die Linie sein soll einfach eine border.
---
Weaverslave
|
| Profil
Website
Editieren
Zitieren
|
ATooM
Quasselstrippe
Beiträge: 346
|
ok ich hab jetzt die <hr> Version gewählt. Wie kann ich diese Linie nun am besten vom linken rand 200px entfernt sarten lassen und bis zum rechten rand gehen lassen...
---
Just Peace!
|
| Profil
E-Mail
Website
Editieren
Zitieren
|
ATooM
Quasselstrippe
Beiträge: 346
|
ich würde ja jetzt sagen <table> nutzen, aber ich denke das wäre der falsche weg 
---
Just Peace!
|
| Profil
E-Mail
Website
Editieren
Zitieren
|
HoRnominatoR
Mausakrobat
Beiträge: 165
|
margin-left:200px;
---
get OPERA for free
|
| Profil
E-Mail
Website
Editieren
Zitieren
|
ATooM
Quasselstrippe
Beiträge: 346
|
So irgendwie bin ich zu dumm.
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>
Div test
</title>
<style>
hr {
position: fixed;
_position: absolute;
color: #A0BB20;
background-color: #A0BB20;
margin-left:200px;
width: 100%;
height: 4;
top: 79;
left: 0;
border: 0;
padding:0;
}
</style>
</head>
<body>
<hr>
</body>
</html> |
Im Firefox funktioniert das, (wegen dem fixed) wenn ich aber mit dem internet explorer an die Sache gehe geht der Strich über die rechte Seite hinaus
---
Just Peace!
|
| Profil
E-Mail
Website
Editieren
Zitieren
|
HoRnominatoR
Mausakrobat
Beiträge: 165
|
du solltest dir angewoehnen, bei werten ungleich null einheiten zu verwenden - mit height:4 kann kein vernuenftiger browser was anfangen. ist es wirklich noetig das zu positionieren anstatt es im fluss zu lassen?
---
get OPERA for free
|
| Profil
E-Mail
Website
Editieren
Zitieren
|
ATooM
Quasselstrippe
Beiträge: 346
|
Meinst du px dahinter jetzt bei height:4 ?
Ja das Problem ist, dass es ziemlich wichtig für mein Design ist.
---
Just Peace!
|
| Profil
E-Mail
Website
Editieren
Zitieren
|
languitar
Foren-Team
Beiträge: 2795
|
dann ist was an deinem design faul ;)
---
Take a look here!
Lichtblick - Einblick - Ausblick
|
| Profil
E-Mail
Website
Editieren
Zitieren
|
HoRnominatoR
Mausakrobat
Beiträge: 165
|
kommt drauf an, welche einheit du haben willst. 4px, 4%, 4em oder was auch immer, aber du meinst vermutlich px. also waere height:4px; die korrekte angabe.
wie stehts denn um ein hintergrundbild? hast du mal ein konkretes bspl fuer dein vorhaben, vorzugsweise eine vorschau von dem, was du erreichen willst?
---
get OPERA for free
|
| Profil
E-Mail
Website
Editieren
Zitieren
|
