471,603 Members | 1,746 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,603 software developers and data experts.

margin above of <p>

Hi,

I've just got a small question considering the margin above a <pelement.

http://www.mooselook.de/myweb/p.html

With IE there's about no space between the grey box and the word
"Benutzername".
With Firefox there's just the right spacing inbetween these two.

What's causing thing and how can I workaround this in IE?

Thanks,
Axel
Aug 23 '07 #1
1 1916
Scripsit Axel Siebenwirth:
I've just got a small question considering the margin above a <p>
element.
http://www.mooselook.de/myweb/p.html
I have many big questions concerning the markup. It's a complicated mess of
table layout with embedded CSS.
With IE there's about no space between the grey box and the word
"Benutzername".
What in your code makes you think there should be? And spacing is generally
a matter of styling (CSS), not HTML.
With Firefox there's just the right spacing inbetween these two.
Consider that as a coincidence: the browser behaves as if it read your mind.

Technically, it might have something to do with default margins for p
elements when they appear inside a td element, or something like that. But
the page contains no _paragraph_, so why are you using p markup?

Adequate markup for the content would consist of something like the
following:

<form action="..." method="post">
<h2>Anmelden</h2>
<div><label for="id">Benutzername:</label>
<input id="id" name="user_id" type="text" size="15" maxlength="30"></div>
<div><label for="pwd">Passwort:</label>
<input id="pwd" name="password" type="password" size="15"
maxlength="40"></div>
<div><input type="submit" value="Anmelden"></div>
</form>

It might be argued that a table, with labels in one column and corresponding
input fields in another, would be better markup for some purposes.

Anyway, the _rest_ is a matter of styling, not CSS. And the simple, logical
markup is a much better starting point for styling than a confusing layout
table.

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

Aug 23 '07 #2

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

11 posts views Thread by Dan | last post: by
2 posts views Thread by Donald Firesmith | last post: by
1 post views Thread by JezB | last post: by
3 posts views Thread by Josh Valino | last post: by
1 post views Thread by XIAOLAOHU | last post: by
reply views Thread by leo001 | last post: by
reply views Thread by CCCYYYY | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.