/    Sign up×
Community /Pin to ProfileBookmark

Demented <DIV> block implementation

Copy linkTweet thisAlerts:
Dec 13.2002

[IMG] code is off on this board, so I made an extension page here: [url]http://newsdf.tripod.com/webforum/[/url]

In my experiment I created a test page with minimal HTML and modified the code several times, trying to get identical results from four browsers. In each case I include the code and the screenshots of the browsers. Have a look.

Question:

Does anyone know a way, which I could use to create a page with a <DIV>, exactly as it is in the HTML section of my test page (ie. retaining the semantics of the document), but using styles to achieve the same visual results for at least IE (where it already works fine) and NC4.7 (with which I have a problem).

Also: I think my Netscape6 testing is wrong. It could be a bad version (Preview Release off an old disk, actually). Tell me if this code would render as I want it to, you happy NS6+ owners, please.

to post a comment
CSS

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@ShrineDesignsDec 13.2002 — most of the older browsers (4.0 and older) don't support CSS 2; which renders any positioned element as if it were not. also when using hexi-decimal color codes use the full six character lenght (use #000000; not #00 or #000)

the older NN browsers suck; they tried to hard not to be like IE
Copy linkTweet thisAlerts:
@StefanDec 13.2002 — [i]Originally posted by King Pellinore [/i]

In my experiment I created a test page with minimal HTML[/QUOTE]

Um, a minimal page still need to actually be VALID HTML.

If you test your codesnippets at http://validator.w3.org you will find that they get a critical error (Doctype missing) as a severe error (cherencoding missing).

Especially the Doctype is vital when working with CSS and modern browsers. Browsers like IE/win 6, Opera 7 and Geckobrowsers uses it to switch between "standards complaince"-mode and "this webdesigner doesn't know what he's doing"-mode.

BTW, NS 6.0x was quite a bad versions of NS, and I doubt anyone actually use them anymore.

If you don't want to download the compleate Mozilla 1.2.1 or NS 6.2+, try the smaller K-Meleon, which is only a 5MB download, it's much more representative of the NS >4 browser people are likely to be using.

http://prdownloads.sourceforge.net/kmeleon/kmeleon07.exe
Copy linkTweet thisAlerts:
@gil_davisDec 13.2002 — [i]Originally posted by ShrineDesigns [/i]

[B]the older NN browsers suck; they tried to hard not to be like IE [/B][/QUOTE]

Boy, do you have it backwards. You should get your facts straight before mouthing off.

The people that started Netscape created the first graphical browser called Mosiac at NCSA. When they graduated, they formed Netscape and released Netscape Navigator. Microsoft was caught totally naked in the internet business, and in an attempt to catch up, purchased Mosiac from NCSA, tweaked it and called it Internet Explorer. Ever since then, Microsoft has been doing it's level best to smash Netscape (and any other good software company) out of business. By making browsers free, they have essentially eliminated any motivation for creativity and customer service.
Copy linkTweet thisAlerts:
@King_PellinoreauthorDec 14.2002 — Right. I'll use the validator.

But NC4.7 doesn't understand the <!DOCTYPE>. I was actually asking:

why does the float:left rule work like that (shows the layer-background-color) in NC4.7?

Thanks
Copy linkTweet thisAlerts:
@StefanDec 14.2002 — [i]Originally posted by King Pellinore [/i]

why does the float:left rule work like that (shows the layer-background-color) in NC4.7?
[/QUOTE]

Buggy software do strange things at times.
×

Success!

Help @King_Pellinore spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...