|
ORIGINAL POST
I've been working on a web site... one of the last problems that I've detected the site has is that in pages in which the layout has a menu on the left and the contents on the right side, then a black stripe appears just before the footer...
I've been searching the Internet in order to find the reason of that, but even with firebug I'm not capable to understand the problem...
It works in IE and it fails with Firefox, chrome, safari and opera... 
If any of you could take a look at it and suggest which would be the possible reason of that black stripe it would be great...
I simply don't understand why it is here... if I understand that, probably I will be able to find a solution out there.
The web site is the one on my sig, if you would like to see the black stripe you could just follow the link and press company (just under the flash (top/left)).
Thank you in advance! 
SOLUTION
As johny10151981 suggested that it was a specific div the one that was failing, I've searched the Internet in order thow to clear divs with floating and auto height... it seems that this CSS class helps a lot on that if it is applied to the parent div:
.clearfix:after {
content: ".";
visibility: hidden;
display: block;
height: 0;
clear: both;
}
Thank you all for reading and help.
modified 22-Mar-12 10:28am.
|
|
|
|
|
the problem is with menu height and contenidorpags div height.
both of them are set to auto. what you can do is use height. go to your css and add height parameter with 450px, you might make it look good
|
|
|
|
|
I would prefer not to do that...
ContenidorPags is a div that it is the container for all the pages in the web...
The menues depend on a database and grow from time to time and texts in the right pane also are variable...
This makes me to avoid a predefined height...
I've got some floats in between and till now it has helped me to use
<div style="clear: both;"></div>
But now it seems this is not working... 
Anyway thank you for your help!
How have you been able to see which is the div that is not working as expected?
Thank you again!
|
|
|
|
|
chrome inspection, click right button on the desired object and then click the "inspect element" menu
|
|
|
|
|
Thank you! I've been working with IE without any plugin and then I started to use firebug in Firefox, but I've not been able to see that, I've also installed other browsers to see the way the web works in them but I've not look in deep at chrome... I'll do it...
Thanks!
|
|
|
|
|
|
May I caution you that not all browsers know about css3 tags such as your use of :after
modified 1-Aug-19 21:02pm.
|
|
|
|
|
Ooops it seems that complete happiness is not possible with browsers...
Do you know of any valid and compatible replacement given the problem and what has solved it?
Thank you in advance Richard!
|
|
|
|
|
Ignore my above posting. My bad ( I thought they were css3  )
Apparently, :after and :before are CSS2 and for browser support, look here http://www.quirksmode.org/css/contents.html[^]
sorry to muddy the waters
modified 1-Aug-19 21:02pm.
|
|
|
|
|
Don't worry at all!
Your last post is a nice one  and have cleaned the waters again 
Now being serious, thank you for taking time on answering that...
|
|
|
|
|
Not sure if this is the right forum...
I'm working on a WPF metro app that generates an HTML document:
<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<HEAD>
<TITLE>HTML Dummy Page</TITLE>
</HEAD>
<body BGCOLOR="WHITE">
<a href='http://www.google.com' target=_blank>Go To Google</a>
</BR>
<img src= "https://skydrive.live.com/embed?cid=C7199D03D1BE512F&resid=C7199D03D1BE512F%21142&authkey=AHFkFChaSWDy7Lw">
<BR>
<H1>A Simple Sample Web Page</H1>
<H1>HTML Dummy Page</H1>
<H2>HTML Dummy Page</H2>
<H3>HTML Dummy Page</H3>
<H4>HTML Dummy Page</H4>
<H5>HTML Dummy Page</H5>
<H6>HTML Dummy Page</H6>
</body>
</html>
No matter what I do, the image does not show. I'm starting to think it's a metro thing, but I'm sorta new to this.
Anyone have any ideas?
Everything makes sense in someone's mind
|
|
|
|
|
Have you set the image so that it is publicly viewable? I haven't used SkyDrive for a while but I think you still have the image hidden form public view.
"If you think it's expensive to hire a professional to do the job, wait until you hire an amateur." Red Adair.
nils illegitimus carborundum
me, me, me
|
|
|
|
|
A computer that does not show any images while on the Internet is almost always a problem with the computer you're on and not the web page you're visiting. Often, this issue is due to a configuration issue with the browser.
Many web browsers hold the capacity to disable any images from being displayed to help with load time for users with slower Internet connection. Verify this option is not enabled by following the below steps.
1. Open Mozilla Firefox.
2. Click Tools at the top of the Window.
3. Click Options.
4. In the Options window, click the Content button.
5. Make sure there is a check in the "Load Images" checkbox.
6. Click Ok and close and re-open the browser.
|
|
|
|
|
Try to save the pic on a folder and cal it from the folder don't embed it
|
|
|
|
|
Hey, come on, what can you do when an image somewhere on the web cannot be shown in your page? Just copy the URL into your browser. Did you? No, you did not.
When you do, you'll receive the message:
This item won't load right now
with a link getting you to the sign in page of Windows Live.
|
|
|
|
|
Ironically it probably didn't do this for him as he was probably logged in to Windows live at the time.
|
|
|
|
|
Does it have anything to do with the fact that the img tag is not closed? Some browsers will ignore unclosed HTML tags (when it is required).
Alternatively, as others have already suggested, you can try putting the image url in the address bar of the browser and see if it can load it.
|
|
|
|
|
The specified skydrive link is throwing an error like
This item won't load right now.
Vasudevan Deepak Kumar
Personal Homepage
Tech Gossips
The woods are lovely, dark and deep,
But I have promises to keep,
And miles to go before I sleep,
And miles to go before I sleep!
|
|
|
|
|
If you shut the door to all errors, truth will be shut out.
Best Luck
|
|
|
|
|
Please do not spam the forums.
Unrequited desire is character building. OriginalGriff
I'm sitting here giving you a standing ovation - Len Goodman
|
|
|
|
|
I think he was trying to say do not do this:
catch (Exception ex) {}
There are only 10 types of people in the world, those who understand binary and those who don't.
|
|
|
|
|
Still not a valid question.
Unrequited desire is character building. OriginalGriff
I'm sitting here giving you a standing ovation - Len Goodman
|
|
|
|
|
Not only the wrong forum, the wrong web site as well!
"If you think it's expensive to hire a professional to do the job, wait until you hire an amateur." Red Adair.
nils illegitimus carborundum
me, me, me
|
|
|
|
|
mark merrens wrote: Not only the wrong forum, the wrong web site as well!
How about Lounge/SB/Backroom though?
Vasudevan Deepak Kumar
Personal Homepage
Tech Gossips
The woods are lovely, dark and deep,
But I have promises to keep,
And miles to go before I sleep,
And miles to go before I sleep!
|
|
|
|
|
I have radio button in Gridview to select single row.
I want to create Javascript function for select Gridview rowIndex, setting radio button check true and changing selected row style.
then I want to call/use this function on clicking anywhere on Gridview row and
I also want to call/use this function when I check each radio button.
how I have to do
thanks
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
