Menu
My friend sent me a link to this little page which shows a simple HTML+CSS layed out page. However, if you look at the source code, you'll notice there's no link to the css file.
If you're using ff with firebug, you can see that under NET, the css file is linked through a sent header (just wanted to show y'all that).
My question is, do you have any assumption to as why this doesn't work with safari, ie? I assume that headers are not browser-dependent. What gives?
785
You can hide an element in CSS using the CSS properties display: none or visibility: hidden . display: none removes the entire element from the page and mat affect the layout of the page. visibility: hidden hides the element while keeping the space the same.
So why do browsers load images even when they're hidden? Simply explained: The browsers parses HTML first and as it encounters external resources it will start requesting them.
To hide an element, set the style display property to “none”. document. getElementById("element"). style.
To activate the overflow property enclose the image, within a div of a particular width and height, and set overflow:hidden . This will ensure that the base container will retain its structure, and any image overflow will be hidden behind the container.
You may find this a useful resource: http://www.w3.org/TR/html4/present/styles.html#h-14.6
Not sure why it doesn't work in Safari/Chrome (Webkit) but it could be because of this:
This section only applies to user agents conforming to versions of HTTP that define a Link header field. Note that HTTP 1.1 as defined by [RFC2616] does not include a Link header field (refer to section 19.6.3).
101
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
